如何使用 Raphael 将移动的圆圈动画化为更大的圆圈?

How can I animate a moving circle to a bigger circle using Raphael?

我有一个圆圈 x=50y=30radius = 20。 该圆应在 1000 毫秒内移动到新位置 x=150y=170radius = 30

这些是我的对象:

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

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

很像第一个例子here(点击箭头)但是它在动画之后应该有更大的半径。

这应该很简单,但我不知道该怎么做。

您可以将一个对象传递给 animate 方法,并传递一个持续时间,如下所示。

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