javascript - 在 Canvas 中使用三星 S-Pen

Question

我正在开发一个网络应用程序，用户应该能够在平板电脑上签署文档。我们使用 Galaxy Tab 12.2，因为 S-Pen 具有所需的精度。我使用的 Canvas 会监听 touch 事件以在 Canvas 上绘制。

        canvas.addEventListener('touchstart', handleStart);
        canvas.addEventListener('touchmove' , handleMove);

这里的问题是，如果用户用手指触摸 Canvas ， Canvas 会在那里画线。

有没有办法区分 S-Pen 事件和“正常”触摸事件？

我知道在带有 Internet Expoler 的 Surface Pro 3 上，我可以处理不同于手指输入的笔输入。

Answer 1

好的，所以我自己找到了一个运行良好的解决方案。SPen 使用 radiusX 和 radiusY = 0 触发 ontouch 事件。

用手指触发的事件的半径总是> 0。所以所有要做的就是添加

if(e.targetTouches[0].radiusX === 0)

进入事件处理程序以在我的 Canvas 上绘制。

看看这个 Jsfiddle