HTML5 画布，防手掌误触答案

【问题标题】：HTML5 canvas, palm rejectionHTML5 画布，防手掌误触
【发布时间】：2015-05-27 19:58:31
【问题描述】：

我们正在尝试将 html5 画布与平板电脑触控笔一起使用，但我们遇到了多点触控平板电脑的手掌触摸问题。当一个人试图画一些东西并用手掌触摸显示表面时，由于多点触控会出现线条。

您知道如何通过js或canvas选项在平板电脑上禁用多点触控吗，或者您知道是否有html5 canvas手掌拒绝技术。

【问题讨论】：

【解决方案1】：

当前浏览器中提供了一些较新的 Web API。特别是，touch event 中的touches 的radiusX 和radiusY 可用于计算触摸区域。比手指或触控笔大的区域可以忽略不计。

【讨论】：

【解决方案2】：

防手掌误触功能必须在浏览器本身或平板电脑的操作系统中实现。在 HTML5 和 Javascript 中，无法知道触及画布的“手指”有多大。

Palm Rejection 适用于配备专用触控笔的平板电脑，例如 Galaxy Note 系列。

关于禁用多点触控功能：浏览器无法知道哪个触点属于触控笔，哪个属于您的手掌。

【讨论】：

也许这是一个非常令人失望的答案。但我自己一直在解决这个问题，我们认为最有效的解决方案是购买 Galaxy Note Pro 12。
我们找到了适用于 Galaxy Tab 手写笔 S Pen 的东西。用S Pen触摸屏幕，查看js触摸事件，我们发现radiusX和radiusY都是0，但是当你用手掌或手指触摸时，它们的值>0。这可以帮助你
但是使用 s pen 无论如何你都会自动拒绝手掌。所以你不必用javascript来实现它