無法運行.html文件中的paper.js

親愛的我沒有找到正常的解釋，所以我決定尋求你的幫助。我想在html文件中創建一個paper.js項目。我無法連接它們的問題我嘗試使用var scope = new paper.PaperScope(); scope.setup(myCanvas);無法運行.html文件中的paper.js

但它沒有解決。這裏是Paper.js web site

<!DOCTYPE html> 
<html> 
<head> 
<!-- Load the Paper.js library --> 
<script type="text/javascript" src="paper.js"></script> 
<!-- Define inlined JavaScript --> 
<script type="text/javascript"> 
    // Only executed our code once the DOM is ready. 
var scope = new paper.PaperScope(); 
scope.setup(myCanvas); 

var myPath = new Path(); 
myPath.strokeColor = 'black'; 

// This function is called whenever the user 
// clicks the mouse in the view: 
function onMouseDown(event) { 
    // Add a segment to the path at the position of the mouse: 
    myPath.add(event.point); 
} 
</script> 
</head> 
<body> 
    <canvas id="myCanvas" resize></canvas> 
</body> 
</html>

採取的代碼，但它不會在這裏做什麼... 感謝您的關注。

來源

2013-05-14 Koranse

我的猜測是，你不必在同一個文件夾中的文件'paper.js'作爲你的html文件。 – Ryan 2013-05-14 16:51:55

在JavaScript中編寫時，所有內容都是紙張對象的屬性 - >使用'new paper.Path（）'而不是'New Path（）' – jgillich 2013-05-14 17:01:44

這兩個文件都在同一個文件夾中，而且我使用過紙張。現在，仍然沒有...但感謝您的建議 – Koranse 2013-05-14 17:21:40

-1

你應該看看這個教程：http://paperjs.org/tutorials/getting-started/using-javascript-directly/

這裏有一個工作示例：

<!DOCTYPE html> 
<html> 
<head> 
<!-- Load the Paper.js library --> 
<script type="text/javascript" src="paper.min.js"></script> 
<!-- Define inlined JavaScript --> 
    <script type="text/javascript"> 
     // Only executed our code once the DOM is ready. 
     window.onload = function() { 
      // Get a reference to the canvas object 
      var canvas = document.getElementById('myCanvas'); 
      // Create an empty project and a view for the canvas: 
      paper.setup(canvas); 

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

      // Draw the view now: 
      paper.view.draw(); 

      var tool = new paper.Tool(); 

      tool.onMouseDown = function(event) { 
       myPath.add(event.point); 
      } 
     } 
    </script> 
</head> 
<body> 
    <canvas id="myCanvas" resize></canvas> 
</body> 
</html>

來源

2013-07-16 22:06:35

噢男人:)該應用程序已準備好幾個星期了:)但無論如何感謝。我明白 – Koranse 2013-07-17 22:26:35

爲什麼downvote？ – 2017-10-06 13:15:50

無法運行.html文件中的paper.js

回答

相關問題