拉斐尔椭圆动画

Question

在拉斐尔，我有一个ellpise得出：

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

在我的鼠标点击事件的尝试，我想椭圆改变形状和值：

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