Javascript 无法从.html文件运行paper.js_Javascript_Canvas_Paperjs

Javascript 无法从.html文件运行paper.js

javascript canvas

Javascript 无法从.html文件运行paper.js,javascript,canvas,paperjs,Javascript,Canvas,Paperjs,亲爱的，我没有找到一个正常的解释，所以我决定请求你的帮助。我想在html文件中创建一个paper.js项目。我无法连接它们的问题是，我尝试使用var scope=new paper.PaperScope（）；范围.设置（myCanvas）但是没有成功。下面是代码取自 //只有在DOM就绪后才执行我们的代码。 var scope=新纸张。PaperScope（）；范围.设置（myCanvas）； var myPath=新路径（）； myPath.strokeColor='黑色'； //

亲爱的，我没有找到一个正常的解释，所以我决定请求你的帮助。我想在html文件中创建一个paper.js项目。我无法连接它们的问题是，我尝试使用

var scope=new paper.PaperScope（）；
范围.设置（myCanvas）
但是没有成功。
下面是代码取自

//只有在DOM就绪后才执行我们的代码。
var scope=新纸张。PaperScope（）；
范围.设置（myCanvas）；
var myPath=新路径（）；
myPath.strokeColor='黑色'；
//每当用户
//在视图中单击鼠标：
函数onMouseDown（事件）{
//将段添加到鼠标位置的路径中：
添加（event.point）；
}

但它在这里什么也做不了。。。
感谢您的关注。您应该看看本教程：




下面是一个工作示例：
<!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>


//只有在DOM就绪后才执行我们的代码。
window.onload=函数（）{
//获取对画布对象的引用
var canvas=document.getElementById（'myCanvas'）；
//为画布创建空项目和视图：
纸。设置（画布）；
var myPath=new paper.Path（）；
myPath.strokeColor='黑色'；
//现在绘制视图：
paper.view.draw（）；
var-tool=新纸张.tool（）；
tool.onMouseDown=函数（事件）{
添加（event.point）；
}
}
我猜您的文件paper.js
与html文件不在同一文件夹中。在使用JavaScript编写时，所有内容都是paper对象的属性->使用new paper.Path（）
而不是new Path（）两个文件都在同一文件夹中，我现在确实使用了paper.Path，但仍然没有任何内容。。。但是谢谢你的建议哦，伙计：）这个应用已经准备好了一个星期了：）不过还是要谢谢你。我很感激
<!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>