是否可以在 HTML5 网页上接受手写笔输入

Posted 2023-02-24

【中文标题】是否可以在 HTML5 网页上接受手写笔输入

【英文标题】：Is it possible to accept stylus input on a HTML5 web page

【发布时间】：2013-09-02 10:30:58

【问题描述】：

我想创建一个网页，用户可以在其中使用手写笔书写签名（例如在您签收包裹或包裹时）。有谁知道这是否可能？我不确定从哪里开始，但我猜我必须使用元素和 javascript？

【参考方案1】：

只要您的客户将使用的设备支持使用手写笔进行触摸输入，这是完全可能的。

您可以查看this tutorial 了解如何使用<canvas> 元素创建一个简单的绘图应用程序。

要查看哪些浏览器支持画布，请参阅this page。

【参考方案2】：

如果您特别需要手写笔支持，则需要支持超出典型鼠标 x,y 坐标的功能。

目前，据我所知，只有手写笔特定的输入是 Wacom Web 插件/API。这支持触控笔压力、触控笔角度和网络多点触控等功能。

http://www.wacomeng.com/web/

此处提出了 html5 的“pointerevents”API 的未来注意事项，该 API 通常支持所有平板电脑类型的压力、角度和触摸事件。

http://www.w3.org/TR/pointerevents/

【参考方案3】：

没有特定于支持压力感应或方向等功能的触控笔的 API。但在大多数情况下，手写笔可以用作鼠标。在这种情况下，它将创建像mousedown、mousemove 和mouseup 这样的普通鼠标事件。您可以将这些事件的事件处理程序添加到您的画布并适当地对它们做出反应。