拉斐尔改变方向动画

Question

我想要一个圆圈来运行以下动画：

var paper = Raphael(0, 0, 1280,600);

var circle = paper.circle(100, 100, 20);

circle.animate({
                cx: 200
            }, 2000)

circle.animate({
                cx: 600,
                    cy: 400
            }, 2000)

但是我只希望第二个动画在完成第一个动画之后运行。有没有能够轻松实现这一目标的功能，还是我必须设置延迟等等？？

Answer 1

以下是一种方式： DEMO

var paper = Raphael(0, 0, 1280,600);
var circle = paper.circle(100, 100, 20);

circle.animate({ cx: 200}, 2000, hideCircle);

function hideCircle()
{
    circle.animate({cx: 600,cy: 400}, 2000);
}