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

Jas*_*ood 6 html javascript svg

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

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

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

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

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

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

谢谢!

Dav*_*e F 0

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

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