Javascript Paper.js鼠标事件不起作用_Javascript_Paperjs

Javascript Paper.js鼠标事件不起作用

javascript

Javascript Paper.js鼠标事件不起作用,javascript,paperjs,Javascript,Paperjs,我的代码非常简单，直接取自教程。以下是index.html： <!DOCTYPE html> <html> <head>  <script type="text/javascript" src="js/paper-full.js"></script> <!-- Load external PaperScript and associate it wit

我的代码非常简单，直接取自教程。以下是index.html：

<!DOCTYPE html>
<html>
<head>
<!-- Load the Paper.js library -->
<script type="text/javascript" src="js/paper-full.js"></script>
<!-- Load external PaperScript and associate it with myCanvas -->
<script type="text/paperscript" canvas="myCanvas" src="js/myScript.js"></script>
</head>
<body>
  <canvas id="myCanvas" resize></canvas>
</body>
</html>

我正在使用paper.js的v0.11.4。该路径正确地显示在屏幕上，但当我单击周围时，控制台是空的。我是不是安排得不恰当？请让我知道。谢谢大家!

您可以阅读优秀的paper.js教程，尤其是：

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

myPath.add(new Point(200, 200));
myPath.add(new Point(100, 100));

function onMouseDown(event) {
  console.log('You pressed the mouse!');
}

function onMouseDrag(event) {
  console.log('You dragged the mouse!');
}

function onMouseUp(event) {
  console.log('You released the mouse!');
}

paper.install(window);
window.onload = function() {
    paper.setup('myCanvas');
    // Create a simple drawing tool:
    var tool = new Tool();
    var path;

    // Define a mousedown and mousedrag handler
    tool.onMouseDown = function(event) {
        path = new Path();
        path.strokeColor = 'black';
        path.add(event.point);
    }

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