评论:支持多终端的电子签名(原创)  [查看原文]

所属分类:输入-丰富的输入

 18109  228  44
当前第1页 / 共2页
    BenjaminLudlow0
    2024/4/2 13:50:28
    上来顶一下大佬,谢谢大佬分享👍👍👍 回复
    周谊军0
    2022/12/11 14:02:40
    怎么判断他签名没有呢,如果没有写签名不让他生成签名图片?
        0
        2022/12/12 19:18:38
        isEmpty 方法可以判断
    回复
    ♌ Amber0
    2022/9/29 17:47:24
    你好, 签名的改变签名大小功能resizeWithNumber怎么使用呢, 我签名之后,需要把签名大小设置一下,因为图片会显示在word当中 回复
    张铭标0
    2022/5/23 11:30:22
    这个微信小程序适用吗,有demo吗
        0
        2022/5/23 19:49:11
        应该不适用
    回复
    mikasa。0
    2021/1/28 14:58:38
    大佬,clear好像用不了😡
        1
        2021/1/30 8:58:33
        var m = new EleSign({
            ele: null
        });
        m.init();
        clearDiv.addEventListener("click", function() {
            m.clear()
        })

        测试了呀 这样可以清楚呀
        你是不是在vue中使用呀? vue中使用只需要拿到这个m对象也可以清除的

    回复
    ζ╊墨染流年╂0
    2020/12/23 17:57:35
    angular能用吗
        0
        2020/12/25 15:13:25

        可以 这是一个原生js编写的 你可以自己对其进行封装 具体可以看git有详细文档

        https://github.com/yinhui1129754/elesigncode

        这里是对vue进行的封装 angular 也可以进行类似的封装就可以使用了

        https://github.com/yinhui1129754/elesigncode/blob/master/src/core/elesigncode.vue
    回复
    山鲁佑德0
    2020/9/18 15:33:43
    为什么没法清除画布
        0
        2020/9/19 12:29:53
        正在加
    回复
    GodLike0
    2020/8/4 11:37:46
    博主 你好,我签名画板上面还有一个文本框,需要输入内容。如果我先输入了内容,再去签名,会一直弹出输入键盘。如何能在签名的时候将文本框失去焦点。
        0
        2020/8/4 13:29:28
        发下界面截图给我看看
        0
        2020/8/4 13:31:00
        直接发你的代码吧 这个评论貌似不支持截图
        GodLike0
        2020/8/4 13:54:42
        <div id="divhandleDesc">
            <p id="auditDesc">填写审批意见:
        </div>
        <div id="divMyCanvas">
            <p id="auditSign">电子签名:
                <div>
                    <div id="myCanvas" class="canvas"></div>
                </div>
                <div id="image"></div>
        </div>
        <div id="diva" style="margin-top: 30px;" align="center">
            <a class="form-item-button2" onclick="signFinish(1)" style="padding: 10px 80px;font-size: 20px;">同 意</a>
            </br>
            </br>
            </br>
            <a class="form-item-button2" onclick="signFinish(0)" style="padding: 10px 24px;font-size: 20px;">退 回</a>
            <a class="form-item-button2" onclick="clearCanvas()" style="padding: 10px 15px;font-size: 20px;">撤销签名</a>
        </div>
        <div id="divClose" style="margin-top: 30px;display: none;" align="center">
            <a class="form-item-button2" onclick="exitSign()" style="padding: 10px 24px;font-size: 20px;">退 出</a>
        </div>
        0
        2020/8/4 15:00:07
        你直接加我q375361172吧 我估计是样式问题
        GodLike0
        2020/8/4 15:14:15
        感谢博主
        默然1
        2020/12/11 12:00:29

        加一段JS消去焦点就OK了,

        <div id="myCanvas" class="canvas"></div>
        <script type="text/javascript">
        let box = document.querySelector('.canvas');
                   box.addEventListener("touchstart",(e)=>{
                    document.activeElement.blur();
                   });
        </script>
    回复
    gn0175660
    2020/7/14 16:58:40
    jsonTo 呃?是要?甚?咄去!?
    我把toJson斤的JSON 傥上去 ?出?邋锗
    Cannot read property 'length' of undefined
        gn0175660
        2020/7/14 17:00:24
        jsonTo 是要传怎么样的JSON进去?
        我把toJson给的JSON传进去却会出错~
        Cannot read property 'length' of undefined
        gn0175660
        2020/7/15 11:31:00
        原来是我没把sting型态的json 转成json型态 谢谢拉~
        0
        2020/7/15 17:28:44
        好尴尬
    回复
    ??0
    2020/7/7 9:19:26
    打包成ipad使用有时候会发现签不了字的情况 清除一下后台就好了... 您遇到过这个情况么
        0
        2020/7/8 9:24:26
        ???清除后台????什么意思 是清除缓存吗?
    回复
    ___越狱者___0
    2020/7/1 13:12:36
    可以横屏签名吗
        1
        2020/7/2 13:14:56
        把装canvas的div设置为最大就可以了呀 因为最终生成的是图片所以不存在什么横屏竖屏 只有宽度和高度 即签名区域
    回复
    ??0
    2020/6/22 11:46:32
    打包成app可以用么...
        1
        2020/6/23 16:24:42
        你的app的内置浏览器要支持哦
    回复
    大猪配驴。0
    2020/6/19 14:09:37
    移动端上可以保存为图片吗? 查看演示扫了二维码在手机上使用的时候 点了获取图片没反应
        0
        2020/6/19 15:46:09
        我这里测试jq22上的内容 是可以用手机下载图片的啊
        0
        2020/6/19 15:49:19
        你发下你的手机型号之类的 还有 用的什么手机浏览器 微信自带 qq自带 系统自带 还是uc qq浏览器之类的
        1
        2020/6/19 15:51:05
        另外给你提供一种下载思路 你可以用这个js获取到base64 然后传递给后台 让后台生成文件 从而输出为下载流进行下载 我demo里面的下载是用的h5的属性兼容性确实不当好
    回复
    Kitty.のバガ0
    2020/6/17 23:03:08
    问作者个问题,在哪里设置输出图片文件大小?(宽度和高度)
        1
        2020/6/18 9:48:37
        看方法resizeWithNumber
    回复
    Kitty.のバガ0
    2020/6/17 23:01:55
    已改造到自己项目,调用代码简洁,简单易用 回复

讨论这个项目(44)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复