jq 使用jSignature.js实现电子签名

pc或者移动端都可用

<div class="container"><div id="signatureparent"><div id="signature"></div></div><br><button type="button" class="btn btn-primary btn-block" id="save">保存</button><button type="button" class="btn btn-default btn-block" id="clear">清除</button>
</div>
<div class="autograph"><img src="" href="img" />
</div>

var param= {width: '100%',//签名区域的宽height: '150px',//签名区域的高cssclass: 'zx11',//画布的类 可以写自定义的样式UndoButton:false,//撤销按钮的状态 这个按钮的样式修改要去jSignature.js文件中去找signatureLine: true,//去除默认画布上那条横线lineWidth: '1' //画笔的大小
};
$("#signature").jSignature(param);//jSignature提供了清除的API reset
$('#clear').click(function () {$("#signature").jSignature("reset");$("[href=img]")[0].src = ''
});
//提交
$('#save').click(function () {//将签名的画布保存为base64编码字符串 默认是png的var datapair = $("#signature").jSignature("getData","image");var i = new Image();i.src = "data:" + datapair[0] + "," + datapair[1];// console.log(i.src);//image/png;base64$("[href=img]")[0].src = i.src
})

jq 使用jSignature.js实现电子签名相关推荐

jq使用face-api.js 识别人脸对比是否是同一个人
jq使用face-api.js 识别人脸对比是否是同一个人对于一个需求:两张图片对比识别出是否是同一个人,在百度搜索没找到jq版本的代码.无奈自己研究一下.使用face-api.js能够实现代码.应 ...
移动端手写签名实现（jSignature.js）
1.引入jQuery.js.jSignature.js (jSignature是基于jquery的插件所以要先引入jQuery,jSignature.js 下载地址https://github.co ...
【JS与JQ】原生JS(clientTop/clientLeft,offsetTop/offsetLeft,scrollTop/scrollLeft)
JS和JQuery位置方法汇总前言总结: HTML: <div class="gFather"><div class="father"> ...
jQ 插件 iscroll.js
使用方法 <div style="position: relative;"> <div id="wrapper"> <div cl ...
修改 jq weui cityPicker.js原来的值
1.对接后台接口,拿到返回来的值,注意数据格式要一样 var raw; $.ajax({ type: "GET", url: "/web/region/list.json ...
JS如何实现电子签名
JS实现电子签名最近在做一个在线考核的项目,其中有一个需求是考核完毕后在录入成绩时需要进行签名,签名后要在表单显示出来并且进行成绩单的打印其实思路已经很明显了. 1.第一步先生成画板 2.第二步在 ...
JS与JQ的对比与提高
来吧, 案例1:先上个例子js写的省市二级联动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...
html和cs、js、jq 基础用法
# web01 1. web前端: 学习如何搭建页面 2. 数据库: 学习如何对数据进行增删改查 3. Servlet: 判断请求的目的从而做出对应的响应 (获取请求并做出响应) ###服务器 - ...
通过js进行在线PDF电子签名和小编辑
html加js实现电子签名 C#将PDF文件放在html页面进行修改并保存我们公司最近给了个新需求,研发的图纸跟着单子一起审核,并在图纸PDF上进行签名,走线上流程.这就需要在线编辑PDF了,网上有 ...

jq 使用jSignature.js实现电子签名

jq 使用jSignature.js实现电子签名相关推荐

最新文章

热门文章