拉斐尔椭圆动画

时间:2015-09-08 16:57:09

标签: javascript 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"

谢谢!

1 个答案:

答案 0 :(得分:0)

您只需指定要设置动画的单个属性,例如&#39; ry&#39;,因为它不是路径字符串。

实施例

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

jsfiddle