paper.jsコードが実行されていません

最近Paper.jsで作業を始めました。直接JavaScriptを使用しようとすると、その実行以下のコードは絶対に何も発生しない理由を私は理解することはできません。paper.jsコードが実行されていません

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>paper1</title> 

<script type="text/javascript" src="js/paper.js"></script> 
<script type="text/javascript"> 

    window.onload = function() { 

    var canvas = document.getElementById("myCanvas"); 
    paper.setup(canvas); 

    var path = new paper.Path(); 
    path.strokeColor = 'black';    

    var tool = new paper.Tool(); 

    tool.onMouseDown = function(event) { 
      path.add(event.point);    
      } 

    paper.view.draw(); 
    }; 

</script> 

</head> 
<body> 
<canvas id="myCanvas" resize></canvas> 

</body>

私はwindow.onloadを削除するとそれが動作する任意のアイデア

UPDATE
をいただければ幸いです。なぜそれが起こるのですか？

出典

2016-10-08 enippeas

私はこの答えは、経験豊富なプログラマに3分以上かかることを信じることができない... – enippeas

作業のデモだけでなく、コードを追加する通常のに役立ちますたくさん。 – str

実際には、何かはと表示されます。キャンバスのほとんどの領域を残しているuperをクリックしようとすると、線が表示されます。しかし、右下にあるmoreをクリックすると、クリックしただけで行が追加されず、シフトされていることがわかります。

resize属性を使用しているときに問題があるようです。それを削除し、手動で寸法を追加し、intededとして、それは動作します：

<canvas id="myCanvas" width="500" height="300"></canvas>

出典

2016-10-09 15:49:16 str

答えをありがとう。手動で次元を変更しても画面に何も表示されません。 – enippeas

私はそのリソースの問題を恐れています。私はlocalhostでXAMPPを使って作業していることに注意してください。私は私のプロジェクトフォルダ内のコピーペーストpaper.jsフォルダから、私のsrcスクリプト内のpaper.jsファイルをターゲットにして別のものが必要ですか？ – enippeas

私はhttps://cdn.jsdelivr.net/paperjs/0.10.2/paper-full.min.jsを使いました。ブラウザのコンソールにエラーメッセージが表示されますか？ – str

paper.jsコードが実行されていません

答えて

関連する問題