手写签名组件-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;
}
posted @ 2024-07-30 11:09  九月旅人  阅读(38)  评论(0)    收藏  举报