與拉斐爾動畫路徑

Question

我仍然試圖找出拉斐爾，並堅持一些基本的動畫。看看這裏：http://jsfiddle.net/d7d3Z/

它很簡單：兩個路徑，動畫到位。我想要的是它看起來像是畫一條線，而不是一起出發。

如何訂購動畫？

Answer 1

您可以撥打第二個動畫後的第一個結束。

window.onload = function() { 
    var c= Raphael("canvas", 200, 200); 
    var p = c.path("M140 100"); 
    var r = c.path("M190 60"); 

    p.animate({path:"M140 100 L190 60"}, 2000, function() { 
     r.animate({path:"M190 60 L 210 90"}, 2000); 
    }); 


}; 

http://jsfiddle.net/d7d3Z/1/

Answer 2

使用回調animate：http://jsfiddle.net/pPwRP/

什麼這會給你的是，第一個動畫結束後，將執行回調。

---

對於懶得點擊 - 這裏是代碼

window.onload = function() { 
    var c= Raphael("canvas", 200, 200); 
    var p = c.path("M140 100"); 
    var r = c.path("M190 60"); 

    p.animate({path:"M140 100 L190 60"}, 2000, function() { 
     r.animate({path:"M190 60 L 210 90"}, 2000); 
    }); 
};