如何在Javascript中设置动画，特别是使用Raphael库，将带有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/

有一个小提琴