html - Web 浏览器中的笔/触控笔支持

Question

是否有任何 Web 浏览器可以为 DOM 提供笔/触笔特定事件（例如压力），类似于 Microsoft 的 RealTimeStylus API？

是否有任何标准的 DOM 接口？如果没有，是否有允许这样做的专有扩展，也许使用插件？

score 5 · Accepted Answer

根据当前的 API，您无法检索压力。但是， Wacom有一个浏览器插件。

score 2 · Accepted Answer

目前没有浏览器公开此类 API。

但是，根据笔/数字化仪驱动程序，笔事件在浏览器中可能看起来像触摸事件，许多浏览器已经实现了这一点。您可以在 Chrome 和 Firefox（通过 Firebug）中使用其控制台中可用的 monitorEvents 功能对此进行测试。简单调用：

monitorEvents(document);

在控制台中，然后查看浏览器是否捕获了所需的事件。我用我自己的联想 X200 平板电脑试过这个，但我的笔寄存器中没有任何非标准事件（它们都显示为鼠标事件）。

我不知道有任何第三方扩展允许这样做，而且谷歌搜索也没有找到任何有用的东西。

score 2 · Accepted Answer

这是一个使用 polyfill 的可行解决方案：hand.js。

请参阅有关 hand.js 的这篇出色的MSDN 文章。

我建议使用库来平滑路径。在我的 hp 平板电脑上玩触摸时，我很幸运地在paper.js中实现了一些东西，我无法想象让这些点适应压力灵敏度会太难。

html5 windows 8 应用程序中支持它。遗憾的是，这个 API 还没有暴露给实际的浏览器 AFAIK。

看起来似乎基于它的管道中有W3C 建议。似乎他们正在根据存储在他们的 repo 中的草稿来制定建议。

请参阅快速入门：捕获墨迹数据 (HTML)，了解如何在 Windows 8 应用程序中使用它。

score 2 · Accepted Answer

指针事件 API是指针设备可以触发的一组事件。事件对象类似于您为鼠标事件获得的对象，但它们确实为压力等属性添加了属性。所有现代浏览器的当前版本都支持这些事件。

score 2 · Accepted Answer

如果浏览器实现了对“pointerevent.pressure”的支持，那么它应该能够支持压敏输入。对于倾斜和扭曲，等效特征是“ponterevent.tiltx”、“pointerevent.tilty”和“pointerevent.twist”。

score 0 · Accepted Answer

这可能不是一个非常实用的建议或有点矫枉过正，但如果有 API / SDK 将笔 / 触控笔暴露在桌面上，您可以创建一个 web 服务类型的应用程序，该应用程序将使用输入实时更新页面从设备。但是，我没有任何代码可以帮助您解决此问题，我也不知道是否可以在没有不可能的延迟的情况下做到这一点。

6 回答 6