2011-09-28 59 views
0

使用Raphael.js我製作了一個圓圈和一條路徑,我想要做的就是讓圓圈獨自沿着路徑生動,就好像圓圈的中心沿着線條一樣。爲什麼我的Animate單獨被破壞?

http://jsfiddle.net/rEJNJ/3/

任何人都可以提供一些建議

window.onload = function() { 
      var paper = Raphael("canvas", 640, 480); 
      var c = paper.circle(90, 90, 40); 
       c.attr({fill: "blue"}); 
      var p = paper.path("M150,380 C150,360 50,250 220,90").attr({stroke: "#ff0000"}); 

      c.animateAlong(p, 4000, true); 
     }; 

回答

0

,如果你用相同的X創建圈子的動畫作品/ Y座標作爲路徑的開頭:

http://jsfiddle.net/rEJNJ/4/

window.onload = function() { 
    var paper = Raphael("canvas", 640, 480); 
    var c = paper.circle(150, 380, 40).attr({fill: "blue"}); 
    var p = paper.path("M150,380 C150,360 50,250 220,90").attr({stroke: "#ff0000"}); 
    c.animateAlong(p, 4000, true); 
}; 

拿一個lo好吧在這個帖子瞭解一些爲什麼:SVG animation along path with Raphael

+0

啊謝謝。對不起,我真的是新來的JavaScript。我主要是設計師,但我對代碼感興趣。謝謝你,你也幫我解決了我的許多其他問題之一。 –

相關問題