前端pc端 （签字，签名，写字板）工具类

一、话不多说直接看例子

 二、介绍

这个工具可以清空画布、清空上一步、保存为图片、保存为文件流、设置画笔颜色、画笔粗细、画笔端点形状等

使用方法：

 使用方法:
 1、npm install font-sign

 2、import Signature from 'font-sign'

 3、let s = new Signature(canvasId, params) // 这一步要在onMounted生命周期里面
    params = {
       lineWidth: 2,   // 画笔宽度
       lineColor: 'black', // 画笔颜色
       lineCap: 'round' // 画笔端点形状  (butt: 默认值，端点是垂直于线段边缘的平直边缘) (round：端点是在线段边缘处以线宽为直径的半圆) (square：端点是在选段边缘处以线宽为长、#       以一半线宽为宽的矩形。)
     }

 4、实例方法：
    s.clear()      // 清空画布
    s.back()       // 清除上一步
    s.toBase64()   // 返回一个 将签名转为base64位 的字符串
    s.toFile()     // 返回一个 将签名转为文件流 file

项目使用截图

 注意：

如果想要改变 canvas 的宽高，请修改他的 父亲 的宽高，因为内部做了一些处理（将父级的宽高赋予了canvas），同时也绑定了窗口变化 resize 事件，以及元素 ResizeObserver 事件，为的是解决宽高为100%时的自适应 

完了就.....ojbk了....如此...如此简单.....

最后最后！！！

还不快打开你的 vscode ？？？，快上车！！！！