javascript - 如何在 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/上有一个小提琴