Javascript 使用raphael设置路径动画

Javascript 使用raphael设置路径动画,javascript,raphael,Javascript,Raphael,我仍在试图弄明白拉斐尔,我被一些基本的动画困住了。请看这里: 这很简单:两条路径动画到位。我想让它看起来像一条线,而不是两条线一起开始 如何订购动画?使用回调: 这将为您提供的是,它将在第一个动画完成后执行回调 对于懒散的点击者,这里是代码 window.onload = function() { var c= Raphael("canvas", 200, 200); var p = c.path("M140 100"); var r = c.path("M190 60

我仍在试图弄明白拉斐尔,我被一些基本的动画困住了。请看这里:

这很简单:两条路径动画到位。我想让它看起来像一条线,而不是两条线一起开始

如何订购动画?

使用回调:

这将为您提供的是,它将在第一个动画完成后执行回调


对于懒散的点击者,这里是代码

window.onload = function() {
    var c= Raphael("canvas", 200, 200);
    var p = c.path("M140 100");
    var r = c.path("M190 60");

    p.animate({path:"M140 100 L190 60"}, 2000, function () {
        r.animate({path:"M190 60 L 210 90"}, 2000);
    });
};

可以在第一个动画结束后调用第二个动画

window.onload = function() {
    var c= Raphael("canvas", 200, 200);
    var p = c.path("M140 100");
    var r = c.path("M190 60");

    p.animate({path:"M140 100 L190 60"}, 2000, function() {
        r.animate({path:"M190 60 L 210 90"}, 2000);
    });


};