Vue3实现在线电子签名

        最近项目中接到一个需求，需要用户浏览完成后进行电子签名，第一时间想到了canvas实现，但是还是依据开发惯例，有现成的就不自己写哈哈，于是查了一些解决方案，但大都不太满意，vue3的生态更是寥寥无几，最终决定手撸一个出来吧，结论就是实现了需求，并且也进行开源，也算是为开源贡献一点自己的微薄之力吧。

第一步 安装

npm install vue3-painter-board

第二步 main.js中引入

        需要同时引入组件和组件的默认样式

import Vue3PainterBoard from 'vue3-painter-board'
import 'vue3-painter-board/style.css'
createApp(App).use(Vue3PainterBoard).mount('#app')

第三步 直接使用

<vue3-painter-board></vue3-painter-board>

       这样一个可以随意书写的画板就可以使用了，组件默认ui如下，提供这些操作，当然也支持大家自己去定制化需求，组件中提供了这些基础属性，大家可以随意修改ui，以及下方操作方法都单独封装暴露给使用者，只需要调用组件ref就可以自己编辑操作了

文档都在官方书写了，所以直接把图截过来，就懒得码了，希望对大家有帮助