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

Question

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

JS Fiddle

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

使用回拨功能......

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