手把手教大家实现一个电子签名

前言

Hi,大家好,我是麦洛,最近在项目中遇到一个需求,需要做个html版的电子签名。周末休息整理下思路，顺便分享出来。

什么是电子签名？

来自：百度百科

电子签名是指数据电文中以电子形式所含、所附用于识别签名人身份并表明签名人认可其中内容的数据。通俗点说，电子签名就是通过密码技术对电子文档的电子形式的签名，并非是书面签名的数字图像化，它类似于手写签名或印章，也可以说它就是电子印章。电子签名的用途: 在电子版的中秋贺卡，结婚请帖， 建筑合同上签名。

看我百度关于电子签名的介绍，感觉好复杂。看来我这次做的只是电子签名中一个小环节，慢慢完善把

电子签名解决那些痛点？

为了解答我的疑惑，百度之后，我截图了一张e签宝官网的照片，可以大致了解一下；

如何实现一个电子签名？

下面是实现电子签名的流程图

其中画板是使用html的canvas实现，源码我已经为大家准备好。

微信搜一搜 ：爱写bug的麦洛 后台回复 “canvas” 即可获取资源包

效果图

画板的效果

我们再来看看评标报告上的效果

小结

本文主要是梳理实现一个电子签名的思路，至于更多的玩法需要大家探索，前端代码大家回复关键字"canvas"下载就行，后端文件上传代码很简单，这里就不赘述了，谢谢大家