如何使用Raphael JS繼續動畫？使用拉斐爾JS動畫矩形

Question

IM，問題是，在第二動畫的「X」位置重置爲0

var paper = Raphael("paper1", 640, 480); 
var rect = paper.rect(20,20,50,50).attr({fill:"orange"}); 
var myAnim = Raphael.animation({transform:'t100,0'},"1000","elastic"); 
var waitTime = 0; 

function animRect(){ 
       rect.animate(myAnim.delay(waitTime)); 
       waitTime+=1000; 
       rect.animate(myAnim.delay(waitTime)); 
      } 

我該怎麼做纔能有一個continus動畫？

謝謝！

Answer 1

拉斐爾有一個重複無限選項...

var anim = Raphael.animation({transform: "t100,0"}, 2500).repeat(Infinity); 

rect.animate(anim) 

它不是很清楚，如果你想2級獨立的動畫（一個反向）或雖然重複相同的一個。如果你這樣做，你可以輸入多個動畫像下面的（認爲這個數字爲百分數穿過）...

var anim = Raphael.animation({ 0.5: {transform: "t100,0"}, 1: { transform: 't0,0' } }, 2500).repeat(Infinity); 
rect.animate(anim) 

jsfiddle

例使用暫停...

jsfiddle 2