vue 实现电子签名功能 支持生成图片

start 最近遇到需求，说是要在前端页面，做一个电子签名的功能。以前番茄玩过不少canvas的demo，这玩意我第一反应就是canvas。简单记录一下这个功能。 github

自己造轮子有点麻烦，不如去github找一下。有一个关于电子签名200个star的库：vue-esign，支持vue2，vue3。查看了一下demo符合我们的要求，就它了。

官网地址

https://github.com/JaimeCheng/vue-esign

安装依赖

npm install vue-esign --save

基本使用

其他

来都来了，顺便看下的它的源码

一个是用来注册的index.js文件一个就是vue的组件，基本就是canvas加鼠标监听事件完成的一个小功能。这里看到它是支持移动端的touch的。没啥难度，就到这了。 总结 全程下来，算上创建vue项目，以及安装依赖，5分钟搞定。这个库还可以，挺实用的功能。