JS实现web签名
2018-06-06 本文已影响0人
和光同尘_6990
首先引入js

js下载链接:https://pan.baidu.com/s/1vKS49VZUijs9Z-PlZ7yomQ 密码:3cbm
在html页面创建一个div

下面是具体怎么实现

$('.signature').jqSignature()创建画布,这时候就可以签名了。效果如下:

$('.signature').jqSignature('clearCanvas')清除画布,重新签名
$('.signature').jqSignature('getDataURL')获取到签名图片,但是值得注意的是这个图片是base64格式的,如下图所示

虽然这样直接存进数据库也可以,但是不太科学,还是后台处理一下,我用的是PHP

后台代码根据自己的文件保存路径,数据库结构改一下就可以了