前言
大家在日常开发中使用该jQuery插件来制作在线签名,用户绘制的东西以图片的形式保存下来,非常方便实用。下面将实现支持的方法分享给大家,供大家参考学习,下面来一起看看详细的介绍吧。
方法如下:
使用该签名插件要引入jQuery和jq-signature.js文件。
HTML结构
<button id="clearBtn" onclick="clearCanvas();">Clear Canvas
<div id="signature">
初始化插件
function clearCanvas() {
$('#signature').html('
Your signature will appear here when you click "Save Signature"
');$('.js-signature').jqSignature('clearCanvas');
$('#saveBtn').attr('disabled',true);
}
function saveSignature() {
$('#signature').empty();
var dataUrl = $('.js-signature').jqSignature('getDataURL');
var img = $('').attr('src',dataUrl);
$('#signature').append($('
').text("Here's your signature:"));
$('#signature').append(img);
}
$('.js-signature').on('jq.signature.changed',function() {
$('#saveBtn').attr('disabled',false);
});
配置参数
下面是该签名插件的一些可用参数,这些参数可以同时在data-attributes上使用:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持。
原文地址:https://www.jb51.cc/js/39445.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。