pc-签字画板vue-esign的使用

使用的是vue-esign组件

  1. npm install vue-esign 首先下载组件
  2. 在main.js中引入vue-esign,并且挂载
  3. import { createApp } from 'vue';
    import App from './App.vue';
    const app = createApp(App);
    
    import vueEsign from 'vue-esign'
    app.use(vueEsign )

  •  页面使用(html-js)

清空画板
生成图片
  • vue3的js中
  • let esign2 = ref()  //画布
    function handleReset() {//清空画布
        esign2.value.reset()
    }
    function handleGenerate() { //生成base64图片
        esign2.value.generate().then( res => {
            signInfo.value = res
        } )
    }

 

你可能感兴趣的:(vue.js,前端,javascript)