一：elesigncode拓展包下载
1：github地址：https://github.com/yinhui1129...
2：npm下载：
npm install elesigncode二：elesigncode罕用办法
| 办法名称 | 形容 | 参数 | 返回值 |
|---|---|---|---|
| init | 初始化办法 | 无 | 无 |
| undo | 撤销办法 | 无 | 无 |
| redo | 重做办法 | 无 | 无 |
| toJson | 将以后实例签名的数据转化为json | 无 | 无 |
| toPng | 获取以后签名的base64位数据png类型 | 无 | 无 |
| toJpeg | 获取以后签名的base64位数据jpeg类型 | 无 | 无 |
| setColor | 设置签名的色彩 | color:色彩字符串rgb hex均能够 | 无 |
| setLineWidth | 设置线宽 | lineWidth:线宽 | 无 |
| setBgColor | 设置背景色彩 | bgColor:色彩字符串rgb hex均能够 | 无 |
| setPen | 设置笔的类型 | name:'default' 'writing' | 无 |
| clear | 革除签名 | 无 | 无 |
| isEmpty | 获取是否签名了 | 无 | 返回true示意是没有签名，返回false示意签名了 |
三：elesigncode实现实例
1：html
<div id="test" style="width: 60%;height: 500px;margin: auto;border: 1px solid #333"></div><button id="undo">撤销</button><button id="clear">革除</button><button id="getJson">获取json</button><button id="downloadPng">获取通明图片</button><button id="downloadJpeg">获取不通明图片</button>2：js
<script type="text/javascript" src="./release/lib/dzjm.min.js"></script><script> var ele = document.getElementById("test"); var eleSign = new EleSign({ ele: null });//实例化对象 eleSign.init(); //初始化 eleSign.moutedEle(ele) //将签名节点放入到传入的element节点中 eleSign.setPen("default");//设置签名款式：default(默认款式),writing(毛笔款式) eleSign.setColor('#f00');//设置签名色彩 eleSign.setBgColor('#333');//设置背景色彩 //将以后实例签名的数据转化为json document.getElementById("getJson").addEventListener("click", function () { var jsonStr = eleSign.toJson(); console.log(jsonStr); alert(jsonStr); }) //下载png document.getElementById("downloadPng").addEventListener("click", function () { if (eleSign.isEmpty() === false) { var baseUrl = eleSign.toPng(); var a = document.createElement("a"); document.body.appendChild(a); a.setAttribute("href", baseUrl); a.setAttribute("download", "png图片"); a.click(); document.body.removeChild(a); } else { alert('请签名') } }) //下载jpeg document.getElementById("downloadJpeg").addEventListener("click", function () { if (eleSign.isEmpty() === false) { var baseUrl = eleSign.toJpeg(); var a = document.createElement("a"); document.body.appendChild(a); a.setAttribute("href", baseUrl); a.setAttribute("download", "jpeg图片"); a.click(); document.body.removeChild(a); } else { alert('请签名') } }) //撤销 document.getElementById("undo").addEventListener("click", function () { eleSign.undo(); }) //革除 document.getElementById("clear").addEventListener("click", function () { eleSign.clear(); })</script>如上咱们就能够实现电子签名性能了