vue-esign签名板使用步骤小demo

#app{width:100%;高度：100%；填充：60px；.checkMan{宽度：400px；身高：360px；文本对齐：居中；边框：1px实心#e9e9e9；-底部：20px；}.el-button{margin-bottom:20px;}img{宽度：100%；高度：200px；}}}/deep/.el-dialog__body{//设置签名区域的虚线边框。mySign{border:1pxdashed#000;}}问题描述在我们的开发项目中，尤其是流程审批项目中。最后一步将提交审核。审核员阅读相应信息后，如果没有问题，就会签字通过审批。.所以本文需要用到vue-esign签名技术。vue-esign技术基于html5一代的新特性，对canvas技术进行组件化封装。那个页面需要用到签名技术，只需要引入vue-esign组件即可。这个组件其实可以理解为一个插件。本文记录这个插件的使用方法，忘记了再回来。先来看看最终的demo效果图吧。vue-esign渲染右边的console输入是生成的签名canvas图片转换成base64格式的图片信息。Step1.下载并注册vue-esign插件下载地址：cnpmivue-esign--savemain.js引入并注册此插件：importvueEsignfrom'vue-esign'Vue.use(vueEsign);第二步使用vue-esign插件#app{width:100%;高度：100%；填充：60px；.checkMan{宽度：400px；身高：360px；文本对齐：居中；边框：1px实心#e9e9e9；-底部：20px；}.el-button{margin-bottom:20px;}img{宽度：100%；高度：200px；}}}/deep/.el-dialog__body{//设置签名区域的虚线边框。mySign{border:1pxdashed#000;}}其实用法也很简单，详细的注释写在代码里记录一下最后附上npmjs官方文档链接解释，传送门如下：https://www.npmjs.com/package...