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

var m = new EleSign({
    ele: null
});
m.init();
clearDiv.addEventListener("click", function() {
    m.clear()
})

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

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

https://github.com/yinhui1129754/elesigncode

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

https://github.com/yinhui1129754/elesigncode/blob/master/src/core/elesigncode.vue

<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>

加一段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>