JS签名库jSignature增加回退事件, 支持导入svgbase64等

ssxbxk

于 2024-06-26 16:12:28 发布

阅读量480

点赞数 3

分类专栏： HTML 文章标签： javascript 开发语言 ecmascript JS签名 JavaScript 手写签名

本文链接：https://blog.csdn.net/ssxbxk/article/details/139991141

版权

原始插件下载地址:

https://github.com/Smile-lrn/jSignature

用倒是挺好用的, 但是存在几个问题:

1. 插件自身未提供回退事件(需要通过别的插件js实现回退, 但是样式, 位置不是我想要的)

2. getData方法可以支持svgbase64导出, 但是setData方法不支持这种格式的导入(= =)

3. 手机(包括微信小程序)上使用时, 回退到上一步后, 会在最后一笔起始位置残留一个点

针对这几个问题, 对src\jSignature.js脚本进行了修改:

1. 增加了如下方法, 用于返回到上一笔画:

$sigdiv.jSignature('undo');

2. 增加了setData方法对svgbase64格式的支持, 调用方法如下:

	$('<input type="button" value="测试SVGBase64">').bind('click', function(e){
		var data = $sigdiv.jSignature('getData', "svgbase64");
		$sigdiv.jSignature('reset');
		alert('reset');
		$sigdiv.jSignature('setData', 'data:' + data.join(','));
	}).appendTo($t