여러 캔버스 애니메이션

Question

저는 캔버스 애니메이션으로 지금까지 내가 성취 한 것을 가지고 있습니다.

var endPercent = 65; 
var curPerc = 0; 

원 2 : :

var endPercent = 45; 
var curPerc = 0; 

나는 캔버스의 중복을 만들기 위해 노력하고있어

http://jsfiddle.net/skerwin/uhVj6/6/

, 나는 양이

하나에 동그라미를 성장 변경할

저는 Jquery/Animations 및 Canvas를 처음 사용했습니다. 애니메이션 코드를 복제하여 2 캔버스 애니메이션을 동시에 만들려면 어떻게해야합니까?

Answer 1

어쩌면 이렇게 될까요? http://jsfiddle.net/dLAVe/ 새로운 animate 함수에 코드를 래핑하고 animate 함수의 이름을 render으로 변경했습니다. 이제 animate 함수는 요소의 id와 백분율의 수라는 두 개의 인수를 사용합니다.

Answer 2

나는 user1823799의 대답이 더 좋다고 생각합니다. 그러나 여기에 대한 나의 해결책이있다. 나는 기본적으로 다른 canvas과 context을 추가했으며 두 번째 호가 한계에 도달했는지 여부를 확인하기 위해 동일한 기능을 사용하고 있는지 확인합니다.

http://jsfiddle.net/btevfik/6SuCC/