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

Question

我有这个矩形，在第一个动画移动到新位置“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));
}​

Answer 1

使用回调函数...

在第一个动画的回调函数中调用第二个动画，....更新了 Fiddle