2011-09-28 83 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。我主要是设计师,但我对代码感兴趣。谢谢你,你也帮我解决了我的许多其他问题之一。 –

相关问题