jQuery签名插件jSignature

1、引入jSignature.min.js和jquery.min.js文件
2、代码

<div id="signature"></div>

3、js

初始化

$(#signature").jSignature({
'decor-color':'red',    //设置横线颜色
'lineWidth':"6",        //设置横线粗细
"decor-color":"transparent",    //去掉横线
'UndoButton':true, //撤销功能
'height': 100, 'width': 200,    //画布大小
'lineWidth':5        //画笔粗细
}）

获取代码数据

var datapair = $("#signature").jSignature("getData", "image");
$("#toSign").attr('src','data:' + datapair[0] + "," + datapair[1]);

清空画布

$("#signature").jSignature("reset");

初始化画布内容

$("#signature").jSignature("setData", src);

 

演示：https://demo.mycodes.net/gongju/dianziqianmingzaixian/