在线捕捉签名的最佳方法是什么?

8
我正在使用PHP构建一个网站应用程序,需要终端用户签名。
该网站的这一部分将仅在基于Windows的平板电脑上查看。
因此,我的问题是:
在线捕获签名的最佳方法是什么?
我已经查看了Flash或HTML5 canvas / excanvas,但我正在寻求更有经验的答案。
谢谢。

你所说的“signature”是什么意思?是指电子邮件/论坛签名吗?还是SSH指纹? - Elzo Valugi
1
考虑到“平板电脑”的使用,我会假设是手写签名。 - Alan Pearce
4个回答

12

来源: http://willowsystems.github.io/jSignature

jSignature 是一个 JavaScript 小部件(一个 jQuery 插件),可以简化在浏览器窗口中创建签名捕获字段的过程,允许用户使用鼠标、笔或手指绘制签名。

适用于所有支持 Canvas 或 Flash 的主流浏览器,捕获平滑矢量图像的签名。(是的,支持 SVG!)巧妙、超高效(即不会延迟)的实时曲线平滑。允许操作签名笔画,例如“撤消上一个笔画”自动适应您页面的布局和颜色。免费并且开源。

文档非常清晰,演示向您展示其工作原理。


5

以上链接已失效,请使用正确的链接替换,https://thomasjbradley.github.io/signature-pad/examples/accept-signature.html。 - MotsManish

1

如果您需要支持运行非HTML 5系统的旧平板电脑,Flash将是一个很好的选择。以下是一些需要注意的事项:

尝试将数据转换为常见的图像格式。GIF或PNG是理想的选择。这将使跟踪和稍后解析变得更加容易。考虑到未来,因为自定义或不常见的格式可能会更快地过时。

通过安全连接传输数据。一定要。

请记住,这种做法的合法性是值得怀疑的。无论是作为约束性合同的使用,还是签名本身的转移。如果您还没有咨询过律师,请尽快咨询。最好找一位处理数字合同的律师。


0

尝试使用Objective.js中的Signature类。非常简单易用。测试程序展示了如何将其添加到PHP文档中。你只需要一个画布,创建一个Signature实例并将画布传递给对象即可。代码仅有115行。

http://www.objectivejs.org/en/manual/objective-js/signature

logo

Objective.js - 在JavaScript中编写面向对象的界面和动画


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接