拉斐尔椭圆动画

Question

在 Raphael 中，我画了一个椭圆：

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