如何在raphael JS自由文件中定義紙張？

我想學習拉斐爾JS自由派畫一個正方形。我複製了官方代碼，但它不起作用，「論文未在第34行中定義」。如何定義它？該演示在http://www.irunmywebsite.com/raphael/additionalhelp.php左側菜單「動畫」，謝謝。如何在raphael JS自由文件中定義紙張？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Raphaël · Gear</title> 
     <style type="text/css"> 
     body { 
    background: #333; 
    color: #fff; 
    font: 300 100.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif; 
} 
#holder { 
    height: 480px; 
    left: 50%; 
    margin: -240px 0 0 -320px; 
    position: absolute; 
    top: 50%; 
    width: 640px; 
} 
#copy { 
    bottom: 0; 
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif; 
    position: absolute; 
    right: 1em; 
    text-align: right; 
} 
#copy a { 
    color: #fff; 
} 

</style> 
     <script src="raphael-min.js" type="text/javascript" charset="utf-8"></script> 
     <script type="text/javascript" charset="utf-8"> 
     var a = paper.circle(320, 100, 60).attr({fill:'#FF0000'}); 
a.animate({ 'translation': '0,300' }, 500, 'bounce'); 
var b = paper.circle(320, 100, 60).attr({fill:'#FFFF00'});; 
b.animate({ cx: 320, cy: 300 }, 500, 'bounce'); 

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

path1.animate({path: "M114 253 L 234 253"},3000,function(){ 
    var path2=paper.path("M234 253").attr({"stroke": "#f00","stroke-width":3}); 

path2.animate({path: "M234 253 L 234 134"},3000,function(){ 
    var path3=paper.path("M234 134").attr({"stroke": "#f00","stroke-width":3}); 

      path3.animate({path: "M234 134 L 97 134"},3000); 
     }); 
    }); 
     </script> 

    </head> 
    <body> 
     <div id="stroke"></div> 
    </body> 
</html>

來源

2010-12-22 cj333

如果查看HTML源你會看到var paper在在window.onload（線185）所定義。它存儲了Raphael的一個實例。

來源

2010-12-22 13:41:54

謝謝，我添加它，它可以運行。 – cj333 2010-12-22 13:51:31

您需要像這樣設置畫布「var paper = Raphael（10，50，320，200）;」。有關更多信息，請參閱Raphael documentation。

來源

2010-12-22 13:49:47

如何在raphael JS自由文件中定義紙張？

回答

相關問題