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

时间:2013-09-02 10:30:59

标签: javascript html5 canvas

我想创建一个网页,用户可以使用手写笔编写签名(例如签署包裹或包裹时)。有谁知道这是否可能?我不确定从哪里开始,但我猜我必须使用元素和javascript?

3 个答案:

答案 0 :(得分:5)

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

您可以看到this tutorial,了解如何使用<canvas>元素创建简单的绘图应用。

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

答案 1 :(得分:5)

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

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

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

HTML5&#39; pointerevents&#39;的未来考虑因素这里提出了API,通常支持所有平板电脑类型的压力,角度和触摸事件。

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

答案 2 :(得分:2)

没有特定于触控笔的API支持压力感应或方向等功能。但在大多数情况下,手写笔可以用作鼠标。在这种情况下,它将创建正常的鼠标事件,如mousedownmousemovemouseup。您可以将这些事件的事件处理程序添加到画布中并对其作出适当的反应。