javascript - 如何使用 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);