使用HTML5和iPad捕获签名

Mar*_*man 152 html5 svg canvas ipad

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

szi*_*mek 294

这是另一个基于画布的版本,具有可变宽度(基于绘制速度)曲线:演示位于http://szimek.github.io/signature_pad,代码位于https://github.com/szimek/signature_pad.

签名样本

  • 我道歉.我认为你的文档实际上已经足够了.它似乎有限,直到我意识到这是多么容易使用.我在一个表单中完全实现了它,存储在数据库中并在一小时内检索回页面.我想,我正在将它与那些使用起来更复杂的库进行比较,就像上面选择的答案一样.我以前没有使用过数据URI,但它是处理数据存储的一种非常好的方法.所以,我只需要适应那些,然后在数据库中存储和检索是如此......简单......哇.再次感谢! (7认同)
  • 在此先感谢,我见过的最好的 js 签名库。不知道为什么这个答案只有 3 票。https://github.com/szimek/signature_pad (2认同)
  • 我喜欢这不依赖于其他js库以及它的外观.关于使用它的一个注意事项帮助了我:在画布上添加边框,以便您可以看到它是如何调整的.另请注意,对画布的css更改会做一些疯狂的事情,因此如果失控,只需在canvas元素中指定高度和宽度. (2认同)
  • 杰克,您认为在README文件中提供的文档中究竟缺少什么?我愿意接受如何改进它的建议. (2认同)
  • @RonaldinhoLearnCoding 查看自述文件 - 这里有所有可能选项的列表。您正在寻找的那个称为“penColor”。 (2认同)

Ben*_*n S 58

带有一些JavaScript的canvas元素可以很好地工作.

事实上,Signature Pad(一个jQuery插件)已经实现了这一点.

  • 令我惊讶的是这个插件有多漂亮. (2认同)

hey*_*cam 17

这是一个使用SVG的快速破解版本我刚才做的.在我的iPhone上适合我.也适用于使用普通鼠标事件的桌面浏览器.


ddo*_*nko 12

也许最好的两个浏览器技术是Canvas,Flash作为备份.

我们尝试在IE上使用VML作为Canvas的备份,但它比Flash要慢得多.SVG比其他所有人慢.

使用jSignature(http://willowsystems.github.com/jSignature/),我们使用Canvas作为主要版本,并使用基于Flash的Canvas模拟器(FlashCanvas)回退IE8.我说对我们来说非常好.