如何绘制拉斐尔js曲线？

2010-12-22 125 views 1 likes

我想在5秒内画一个Shape像M114,100c0,50 100-50 100,0c0,50 -100-50 -100，如何用raphael js做到这一点？如何绘制拉斐尔js曲线？

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Raphaël · Gear</title> 
<style type="text/css"> 
body{overflow-x:hidden;overflow-y:scroll;width:100%;padding:0;margin:0;background-color:#022d00;} 
</style> 
<script src="raphael-min.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript" charset="utf-8"> 
window.onload = function() { 
    var paper = Raphael(0, 0, 500, 600); 
    var path1=paper.path("M114 253").attr({"stroke": "#999", "stroke-width":1}); 

    path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000).attr({"stroke": "#999", "stroke-width":1}); 
}); 
} 
</script> 
</head> 
<body> 
    <div id="stroke"></div> 
</body> 
</html>

来源

2010-12-22 cj333

回答

拿出一个attr的 '很多' 的路径1

var path1=paper.path("M114 253") 

path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000).attr({"stroke": "#999", "stroke-width":1});

或

var path1=paper.path("M114 253").attr({"stroke": "#999", "stroke-width":1});  

path1.animate({path: "M114,100c0,50 100-50 100,0c0,50 -100-50 -100"},5000);

为我工作。

来源

2011-02-15 16:19:08 tde

如何绘制拉斐尔js曲线？

回答

相关问题