javascript - PaperJS：当我在画布外时，事件被捕获

Question

我正在使用框架 Paper.js 在画布中绘制工具

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

例子：

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

当我在画布外时，你有什么想法可以避免事件吗？

谢谢。

Answer 1

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

 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();
           }
    }

Answer 2

好吧，你可以测试 event.point.isInside(view.bounds)。如果您在绘图时对其进行测试，这可能会影响您的表现，但您可以在完成后剔除分数。