表单提交使用SVG捕获的签名

Question

我在这里遇到了@heycam的SVG签名捕获示例:

使用HTML5和iPad捕获签名 示例:http://mcc.id.au/2010/signature.html

比我见过的任何前面的例子都简单得多,它适用于鼠标和触摸!

但是,如何将结果作为表单的一部分提交？

我想我希望它作为base64字符串提交,但我对其他选项持开放态度......

对于奖励积分...从提交的数据中剥离黄色背景和线条的任何方法？

谢谢!

Answer 1

如果您查看他的代码，您可以看到他如何将签名提取到 div 标签中。

内联 SVG 中有一个脚本，在事件触发时将内容记录到“signaturePath”变量中。然后，他在 iframe 中调用“getSignature”以返回路径。为了提取路径，在提交表单时，您需要调用该函数并创建一个隐藏的输入标记，其中包含返回的路径值。您将在服务器端提取提交的值（即路径）。您稍后可以使用保存的路径重新创建 SVG（不会有黄色背景）。