背景:有个业务需要用户签署一个承诺书,电子签名,并生成图片,所以就看了一些线上签名且生成图片的技术和插件,并自己研究了一下。
1. elesigncode 第三方插件
首先在github看到【elesigncode】这个现成的插件,可以实现我的业务需求。
2. elesign 自己开发的一个线上签名
看了别人做的后,我就在想这个电子涂鸦和生成图片的核心技术点是什么。然后看到了这篇文档:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502101363.html。线上涂鸦的核心,是通过canvas进行绘制,鼠标每move一下,就绘制一条线,生成图片核心是【document.getElementById(
"myCanvas"
).toDataURL(
"image/png"
)
】。
自己做的一个demo,可以实现更换笔的粗细、颜色、转为png、清空 功能,可以代码拉下来看看。github地址 : https://github.com/lishengqin/elesign
标签:涂鸦,github,插件,js,电子签名,png,图片 From: https://www.cnblogs.com/grow-up-up/p/17021888.html