jquery实现手写签名

话不多说上代码，本文参考自大神https://blog.csdn.net/weixin_30482181/article/details/96817268
css

<style>
        body,html{
            margin: 0;
            padding: 0;
            height: 100%;
        }
        #canvas {
            border:0.01rem solid #f30;
        }
        #canvas-btn{
            display: block;
            margin: 0;
            padding: 0.13rem;
        }
        #clear_btn{
            width: 80%;
            background: #ca4341;
            margin: auto;
            text-align: center;
            line-height: 1rem;
            margin-top: 0.27rem;
            color: #fff;
            border-radius: 1.31rem;
            clear: both;
        }
        #save_btn{
            width: 80%;
            background: #4cd964;
            margin: auto;
            text-align: center;
            line-height: 1rem;
            margin-top: 0.27rem;
            color: #fff;
            border-radius: 1.31rem;
            clear: both;
        }
    </style>

html

<canvas id='canvas'></canvas>
<div id="canvas-btn">
    <div id="clear_btn" class="op_btn">重画</div>
    <div id="save_btn" class="save_btn">保存</div>
    <div class="cleaerfix"></div>
</div>

js<