Рафаэль Ellipse Анимация

Question

В Рафаэль, у меня есть ellpise вывод:

var leftball = paper.ellipse(125, 120, 20, 20); 

В моей попытке в случае Mouseclick, я хотел бы эллипс, чтобы изменить форму и значение:

leftball = paper.ellipse (125, 120, 20, 40); 

Любой может направить меня к этому?

Я могу анимировать что-то подобное с использованием paper.path, определяя значения пути в виде строки. Однако, поскольку я пытался использовать тот же метод для эллипса, он не работает. Мое кодирование:

var leftball = "125, 120, 20, 20"; 
var myleftball = paper.ellipse(leftball).attr({fill:"black"}); 

Ошибка на консоли упоминанием:

Error: Invalid value for <ellipse> attribute cx"125, 120, 20, 20" 

Спасибо!

Answer 1

Вам просто нужно указать отдельный атрибут для анимации, например 'ry', как его не строку пути.

Пример

leftball.animate({ ry: 40 }, 2000); 

jsfiddle