0

この長方形があります。最初のアニメーションが新しい位置「x」に移動し、2番目のアニメーションが2秒遅れて開始しますが、2番目のアニメーションは最初のアニメーションが終了した場所から開始するのではなく、元の位置から開始します。最初のアニメーションが終了したときにシェイプの位置を設定し、その場所から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));
}​
4

1 に答える 1

2

コールバック機能を使用してください...

最初のアニメーションのコールバック関数内で2番目のアニメーションを呼び出します....更新されたフィドル

于 2012-10-15T12:49:20.870 に答える