jQuery签名插件jSignature

1.引入jSignature.min.js和jquery.min.js文件

2.html代码

  <div id="signature">

3.js代码
1)初始化画布

$(#signature").jSignature({"decor-color":"transparent",'height': 350,'width':600,lineWidth:5});

'decor-color':'red'//设置横线颜色
'lineWidth':"6"//设置横线粗细
"decor-color":"transparent"//去掉横线
'UndoButton':true//撤销功能
'height': 100, 'width': 200//画布大小
'lineWidth':5//画笔粗细

2）获取数据并显示

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

3）清空画布

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

4）初始化画布内容

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