设计一个html5供用户输入手写签名的表单

落荒而逃,回家已经有段时间了。处理自己的事情也还算比较顺利,但是毕竟折腾。过会要参加婚礼。嗯,没错,参加婚礼—-朋友的。?做事情要有始有终,处理完自己的事情就开启了夜猫模式。现在不就在折腾?pi话少说。

最近在做的东西,有些地方需要获取客户手写签名的。这个估计在企业是很常见的,比如pos机签名,快递签名等等大众化的移动端获取客户手写签名这类。微信小程序发布刷爆了朋友圈,html5“火上浇油”的趋势将进行的“如火如荼”。语文老师还健在,不能在天之灵保佑我用成语的地方意境完全正确哈。?

需求:

1、签名入口与内部在用的系统程序隔离
2、获取签名的表单支持用户手写输入
3、得到用户手写输入的签名存储为图片或base64编码

思维:

需要的参数:
1.系统端口(随便生成1024-4096之间的系统入口端口,用于临时开放iptables防火墙,以及程序侦听) —port
2.token(签名类型+时间戳)过期自动失效 —token
将上面两个参数附加到软件上生成url二维码供临时访问用户扫描(生成二维码供管理员保存发送给签名人)

前台:
3.管理员特定操作之后生成用户扫描的二维码进入表单
4.输入手机号码(联系方式获取、方便需要及时联系及简单凭据)
5.输入手写签名并确认提交

后台:
6.获取用户表单数据保存至数据库(base64编码或图片)
7.提醒管理员确认信息(系统通知管理员确认签名,确认之后现场实施相应事件)
8.管理员手动确认信息后直接关闭iptables防火墙系统入口端口并销毁token、url等接口
9.超时自动关闭系统iptables防火墙入口端口并销毁token、url等接口
10.软件停止侦听随机生成的端口

发布者

酷特尔

你不改变,时间又能为你做些什么?

《设计一个html5供用户输入手写签名的表单》上有9条评论

  1. 好高级……HTML5可以做手写输入?……
    JS可以处理图像识别么。。。
    文章不大看得懂

评论已关闭。