vue PC端完成电子签名

最近接到一任务，有一个功能，重来没有遇到过。就是电子签名

 看了原型其他基本都是对接口、写表单，难度不大，先把电子签名给攻克了起。

先贴效果图

 

 因为项目是vue 开发的，所以使用了 vue-esign 组件

1. 安装依赖

npm install vue-esign --save

2.使用

因为有许多地方要用到，就写了个组件

3.使用组件

template--------------


              

                
                  

                     点击签名
                  
                
              
 



       
          
        
      


js----------

 import signinDia from "@/components/signinDia.vue"
components: {
     signinDia
    },

 setsignin(img){
        this.signinimg=img
        this.signinVisible=false
      },

组件目前是返回bas64格式，我觉得要把他转换成在线图片，然后再存起来，具体的等写到这时和后端商量吧