拉斐尔椭圆动画

Question

在拉斐尔中，我画了一个椭圆：

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