首页 | 5873 | 758 | 379 | 添加收藏 上一个 下一个
支持多终端的电子签名(原创)

项目说明 elesigncode
一个支持多终端的电子签名插件


webpack开发环境使用该插件


安装包


npm i elesigncode --save-dev

js代码


import EleSign from "elesigncode"
var ele = document.getElement("xxx");
var eleSign = new EleSign(); //实例化对象
eleSign.init(); //初始化
eleSign.moutedEle(ele) //将签名节点放入到传入的element节点中

传统浏览器开发模式


先引入我们release\lib\dzjm.min.js到html页面中


然后js代码


var ele = document.getElement("xxx");
var eleSign = new EleSign(); //实例化对象
eleSign.init(); //初始化
eleSign.moutedEle(ele) //将签名节点放入到传入的element节点中

jq开发模式
首先在html中引入jq的脚本


接着引入我们release\lib\dzjm.min.js到html页面中


然后js代码


$.fn.EleSign = function(option) {
    this.each(function() {
        var eleSign = new EleSign(option); //实例化对象
        eleSign.init(); //初始化
        eleSign.moutedEle(this); //将签名节点放入到传入的element节点中
        //给节点扩展方法好获取电子签名实例对象
        this.getEleSign = function() {
            return eleSign;
        }
    });
    return this;
}
//这样我们就可以使用jq的方法来实例化我们的对象了
$("#xxx").EleSign({
    color: "#ccc"
});