javascript - 特にRaphaelライブラリを使用して、Javascriptでアニメーション化して、x、y座標の円を別のx1、y1座標に移動するにはどうすればよいですか

Question

これが私の最初の位置にあるものです。

var drawingArea = Raphael(0,0,1200,1200);

var circle = drawingArea.circle(190,400,10);

Answer 1

クリック イベントを含めるようにコードとフィドルを更新しました。円をクリックして動かします。

var drawingArea = Raphael(0,0,1200,1200);

var circle = drawingArea.circle(100,100,10);
circle.attr( { fill : "#555" } ); 
circle.click( function() {
    this.animate( { cx : 200, cy : 300 } , 500 , "bounce");
} );

var rect = drawingArea.rect(200, 100, 50, 50);
rect.animate( { x : 200, y : 300 } , 500 , "bounce");

http://jsfiddle.net/94tP4/2/にフィドルがあります