如何使用Raphael将移动的圆圈设置为更大的圆圈？

Question

我有一个包含x=50，y=30和radius = 20的圈子。 此圈子应在1000毫秒内移动到新位置x=150，y=170和radius = 30。

这些是我的对象：

paper.circle(50, 30, 20);
paper.newCircle(150, 170, 30); 

现在我想动画一个动作，所以看起来第一个圆移动到第二个圆但是半径更大。

很像第一个例子here（点击箭头），但动画后它的半径应该更大。

这应该很简单，但我无法弄清楚如何做到这一点。

Answer 1

您可以将对象传递给animate方法，并将其传递一段时间，如下所示。

var c = paper.circle(50, 30, 20);
c.animate({ r: 30, cx: 150, cy: 170 }, 1000);