Animation raphaeljs从第一个动画结束的地方继续动画

Animation raphaeljs从第一个动画结束的地方继续动画,animation,path,raphael,Animation,Path,Raphael,我有一个矩形,在第一个动画移动到一个新的位置“x”后,第二个动画在延迟2秒后开始,但第二个动画从原始位置开始,而不是从第一个动画结束的位置开始。是否有代码将形状的位置设置为第一个动画结束时的位置,并从该点恢复第二个动画 JS 使用回调函数 在第一个动画的回调函数中调用第二个动画 window.onload = function(){ var paper = Raphael(0,0,600,400) var a = paper.path("M220,100 v20h-100v-2

我有一个矩形,在第一个动画移动到一个新的位置“x”后,第二个动画在延迟2秒后开始,但第二个动画从原始位置开始,而不是从第一个动画结束的位置开始。是否有代码将形状的位置设置为第一个动画结束时的位置,并从该点恢复第二个动画

JS


使用回调函数

在第一个动画的回调函数中调用第二个动画

window.onload = function(){
    var paper = Raphael(0,0,600,400)

    var a = paper.path("M220,100 v20h-100v-20z");

    var anim = Raphael.animation({transform:'t160,10s2'}, 1000, "elastic");
    a.animate(anim.delay(1000));

    var anim2 = Raphael.animation({transform:'t10,190s2'}, 1000, "bounce");
    a.animate(anim2.delay(3000));
}​