多个画布动画

Question

我对Animating a Canvas迄今取得的成就有所了解。

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

我正在尝试复制画布，我想改变它增长的数量

Circle One：

var endPercent = 65;
var curPerc = 0;

圈二：

 var endPercent = 45;
 var curPerc = 0;

我是Jquery / Animations和Canvas的新手。我需要做些什么才能复制动画代码以同时制作2 Canvas'动画。？

Answer 1

也许是这样的？ http://jsfiddle.net/dLAVe/ 我将代码包装在新的animate函数中，并将animate函数的名称更改为render。 animate函数现在有两个参数，元素的id和百分比数。

Answer 2

我想我更喜欢user1823799的答案。但这是我的解决方案。我基本上添加了另一个canvas和context，在同一个函数中我检查第二个弧是否达到了极限。

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