web前端 原生js签名板(电子签名)写字板 canvas 截图

移动端在开发的时候，可能会涉及到手写签名(电子签名)那些，在前端的思路是使用canvas 来签名，导出成图片进行保存。

仅供参考和学习。

注意:在移动端使用的时候, 写竖的时候, 页面会被往下拉, 手写板动了, 写字不顺畅. 建议在移动端的touchmove事件里, 加一行防止页的滑动事件, 代码是: event.preventDefault(); 

     您的浏览器不支持canvas技术,请升级浏览器!
   

清空
保存

效果图如下：

保存的时候是 base 64的图片

附上demo和源码

附件地址: http://hao2013.cn/zb_users/upload/2018/07/201807291807177677029.zip

参考:http://hao2013.cn/?id=41