拉斐爾更改方向動畫

Question

我試圖得到一個圓運行下面的動畫：

var paper = Raphael(0, 0, 1280,600); 

var circle = paper.circle(100, 100, 20); 

circle.animate({ 
       cx: 200 
      }, 2000) 

circle.animate({ 
       cx: 600, 
        cy: 400 
      }, 2000) 

但是我只想第二動畫運行後的第一個已完成。是否有一個功能可以輕鬆完成此任務，或者我是否必須設置延遲等...？

Answer 1

這裏有一種方法：DEMO

var paper = Raphael(0, 0, 1280,600); 
var circle = paper.circle(100, 100, 20); 

circle.animate({ cx: 200}, 2000, hideCircle); 

function hideCircle() 
{ 
    circle.animate({cx: 600,cy: 400}, 2000); 
}