使用HTML5和iPad捕获签名

任何人都知道如何做到这一点? 你会使用canvas对象,SVG,jQuery等?

下面是另一个基于canvas的版本,其宽度可变(基于绘制速度)曲线:示例http://szimek.github.io/signature_pad和代码https://github.com/szimek/signature_pad

签名样本

带有一些JavaScript的canvas元素会很好用。

实际上, Signature Pad (一个jQuery插件)已经实现了。

这是使用我刚刚做的SVG的一个快速黑客版本 。 在我的iPhone上适合我。 也可以在使用普通鼠标事件的桌面浏览器中使用。

也许最好的两个浏览器技术是帆布,与Flash作为备份。

我们在IE上尝试了VML作为Canvas的备份,但是它比Flash慢得多。 其余的都是SVG。

使用jSignature( http://willowsystems.github.com/jSignature/ ),我们使用Canvas作为主要参数,并为基于Flash的Canvas模拟器(FlashCanvas)提供了适用于IE8及更低版本的function。 身份证“说,我们工作得很好。

另一个OpenSource签名字段是https://github.com/applicius/jquery.signfield/ ,使用Sketch.js注册了jQuery插件。

已经列出的选项是非常好的,但是这里还有一些我已经研究过的话题。

1) http://perfectionkills.com/exploring-canvas-drawing-techniques/
2) http://mcc.id.au/2010/signature.html
3) https://zipso.net/a-simple-touchscreen-sketchpad-using-javascript-and-html5/

和往常一样,您可能希望将canvas保存为图像:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

祝你好运和愉快的签署