手写签名组件-jSignature
参考资料:
https://www.cnblogs.com/weblxlx/p/11792059.html
使用简介:使用该插件需要引入jQuery和jSignature.js
// 初始化jSignature
var $signature = $("#signature").jSignature();
// 重置画布
$signature.jSignature('reset');
// 获取数据
var data = $signature.jSignature('getData', 'default');
// 图片展示
var img = new Image()
img.src = data
$(img).appendTo($('#signimg'))
// 将数据显示在文本框
$('#text').val(data)
// 撤销上一步
// 初始化时传入参数 {'UndoButton':true}
$("#signature").jSignature({'UndoButton':true});
// 绘画板,例如设置笔触的颜色
// 加入方法setColor
'setColor': function(color) {
// 获取 context 对象
var context2D = this.find('canvas.'+apinamespace)
.add(this.filter('canvas.'+apinamespace))
.data(apinamespace+'.this').canvasContext;
// 设置阴影的颜色
context2D.shadowColor = 'transparent';
// 设置笔触颜色
context2D.strokeStyle = color;
return;
}