ラファエルを使用して移動円をより大きな円にアニメーション化するにはどうすればよいですか？

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

オブジェクトをアニメーションメソッドに渡して、次のように期間を渡すことができます。

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