原生JS使用canvas实现网页电子签名

原生js配合canvas进行网页电子签名

在一次的业务中，有一个需求是需要使用签字笔来实现客户进行电子签名，因此使用到了h5新标签canvas，配合原生js，实现电子签名的下载

HTML

1.首先需要新建一个canvas标签，canvas本身是有默认宽高的，默认width是300px，高height是150px,可以在canvas标签属性中进行设置canvas的宽高，设置canvas宽高的时候尽量不要用css进行设置，否则可能会出现扭曲的情况；

<canvas id="mycanvas" width="500px" height="300px"></canvas><br>
<button id="submit">提交签名</button><br>
<button