javascript - PaperJS:当我在 Canvas 之外时会捕获事件

Question

我正在开发一个使用 Paper.js 框架在 Canvas 上绘图的工具

我在使用 iPad 时遇到问题。当我用一根手指画画时，这很有效。当我用两根手指绘图时，一根在 Canvas 中，一根在 Canvas 外，第二根手指事件被 onMouseDrag 事件捕获，这将一些笔画从第一根手指到第二根手指，这对我来说不是一个好行为.

示例:

一开始，我开始用一根手指画画。将第二根手指放在 Canvas 之外后，我继续移动第一根手指。这就是发生的事情。

当我在 Canvas 之外时，你有办法避免发生事件吗？

谢谢。

Answer 1

如果您不希望检测到外面的手指，请将目标限制在 Canvas 内。

 var canvasElement = document.getElementById('canvasId') //or element
    tool.onMouseDrag = function(event) {
           if (event.event.target === canvasElement) { //my target canvas was nested like this
               path.add(event.point);
               path.smooth();
           }
    }