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

【问题标题】：raphaeljs continue animation from where first animation endedraphaeljs 从第一个动画结束的地方继续动画
【发布时间】：2012-10-15 12:28:47
【问题描述】：

我有这个矩形，在第一个动画移动到新位置“x”之后，第二个动画在延迟 2 秒后开始，但第二个动画从原始位置开始，而不是从第一个动画结束的地方开始。是否有任何代码可以将形状的位置设置为第一个动画结束并从该位置恢复第二个动画？

JSFiddle

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));
}

【问题讨论】：

标签： animation path raphael

【解决方案1】：

使用回调函数...

在第一个动画的回调函数里面调用第二个动画，....Updated Fiddle

【讨论】：