Несколько анимаций холста

Question

У меня есть сценарий того, что я до сих пор добился с анимацией холста.

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

Я пытаюсь сделать дубликат холста, я хочу изменить сумму, которую она растет

Circle One:

var endPercent = 65; 
var curPerc = 0; 

Круг Два:

var endPercent = 45; 
var curPerc = 0; 

Я действительно новичок в Jquery/Animations and Canvas. Что мне нужно сделать, чтобы дублировать код анимации, чтобы одновременно создать анимацию 2 Canvas?

Answer 1

Возможно, что-то вроде этого? http://jsfiddle.net/dLAVe/ Я перекосил код в новой функции animate и изменил имя вашей функции animate на render. Функция animate теперь принимает два аргумента, идентификатор элемента и количество процентов.

Answer 2

Мне кажется, мне нравится user1823799 ответ лучше. но вот мое решение. Я в основном добавил еще один canvas и context, и в той же функции я проверяю, будет ли вторая дуга достигать своего предела.

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