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

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

3、js
初始化

$(#signature").jSignature({
'decor-color':'red',    //設(shè)置橫線顏色
'lineWidth':"6",        //設(shè)置橫線粗細(xì)
"decor-color":"transparent",    //去掉橫線
'UndoButton':true, //撤銷功能
'height': 100, 'width': 200,    //畫布大小
'lineWidth':5        //畫筆粗細(xì)
}）

獲取代碼數(shù)據(jù)

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

清空畫布

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

初始化畫布內(nèi)容

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

演示