设计一个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.软件停止侦听随机生成的端口

上一篇Previous

一件事,你需要耽搁多长时间

下一篇Next

Django 各种小技巧片段

9 条评论添加评论

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

回复取消回复
@小彦

不需要图像识别嘎。html5画布给用户画就可以了。 没看懂证明没认证看?

回复取消回复
@咸菜一点米

嗯。找了资料。js+canvas

回复取消回复
@酷特尔

哦,那很先进嘛,方便的话哪天晒晒代码片断让我们也学习学习呀

回复取消回复

你好厉害→_→我继续搬砖

回复取消回复
@ahcute

那现在是搬完了没有啊?

回复取消回复