任何人都知道如何做到这一点?你会使用canvas对象,svg,jQuery等吗?
这是另一个基于画布的版本,具有可变宽度(基于绘制速度)曲线:演示在http://szimek.github.io/signature_pad,代码在https://github.com/szimek/signature_pad .
带有一些JavaScript的canvas元素可以很好地工作 .
事实上,Signature Pad(一个jQuery插件)已经实现了这一点 .
这是a quickly hacked up version of this using SVG我刚刚做了 . 在我的iPhone上适合我 . 也适用于使用普通鼠标事件的桌面浏览器 .
也许最好的两个浏览器技术是Canvas,Flash作为备份 .
我们尝试在IE上使用VML作为Canvas的备份,但它比Flash慢得多 . SVG比其他所有人慢 .
使用jSignature(http://willowsystems.github.com/jSignature/),我们使用Canvas作为主要内容,并使用基于Flash的Canvas模拟器(FlashCanvas)回退IE8 . 我说对我们说得很好 .
已经列出的选项非常好,但是我已经研究过这个主题了 .
1)http://perfectionkills.com/exploring-canvas-drawing-techniques/2)http://mcc.id.au/2010/signature.html3)https://zipso.net/a-simple-touchscreen-sketchpad-using-javascript-and-html5/
和往常一样,您可能希望将画布保存到图像:http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/
祝你好运,快乐签约
另一个OpenSource签名字段是https://github.com/applicius/jquery.signfield/,使用Sketch.js注册了jQuery插件 .
6 回答
这是另一个基于画布的版本,具有可变宽度(基于绘制速度)曲线:演示在http://szimek.github.io/signature_pad,代码在https://github.com/szimek/signature_pad .
带有一些JavaScript的canvas元素可以很好地工作 .
事实上,Signature Pad(一个jQuery插件)已经实现了这一点 .
这是a quickly hacked up version of this using SVG我刚刚做了 . 在我的iPhone上适合我 . 也适用于使用普通鼠标事件的桌面浏览器 .
也许最好的两个浏览器技术是Canvas,Flash作为备份 .
我们尝试在IE上使用VML作为Canvas的备份,但它比Flash慢得多 . SVG比其他所有人慢 .
使用jSignature(http://willowsystems.github.com/jSignature/),我们使用Canvas作为主要内容,并使用基于Flash的Canvas模拟器(FlashCanvas)回退IE8 . 我说对我们说得很好 .
已经列出的选项非常好,但是我已经研究过这个主题了 .
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/
和往常一样,您可能希望将画布保存到图像:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/
祝你好运,快乐签约
另一个OpenSource签名字段是https://github.com/applicius/jquery.signfield/,使用Sketch.js注册了jQuery插件 .