Javascript 如何使用拉斐尔将移动的圆设置为更大的圆的动画？

我有一个圆，

x=50

，

y=30

和

半径=20

。 该圆圈应在1000毫秒内移动到新位置

x=150

，

y=170

和

半径=30

这些是我的目标：

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

现在我想设置一个运动的动画，看起来第一个圆移动到第二个圆，但半径更大

很像第一个示例（单击箭头），但在动画之后，它应该有一个更大的半径

---

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

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

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