vue3手写签名组件

用法

npm i handwritten-signature-vue3

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import handwrittenSignature from 'handwritten-signature-vue3'
import 'handwritten-signature-vue3/style.css'

const app = createApp(App)
app.use(handwrittenSignature)

app.mount('#app')

<template>
  <handwritten-signature 
    @save="save"
  >
  </handwritten-signature>
</template>

<script setup>
  // 保存
  const save = (data) => {
    console.log('[ data ] >', data)
  }
</script>

<style scoped>
</style>

参数

| 参数 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | | width | Number | 600 | 画布宽度（单位px） | | height | Number | 400 | 画布高度（单位px） | | prev | Boolean | true | 是否显示上一步按钮 | | reset | Boolean | true | 是否显示重做按钮 |

事件

| 事件 | 说明 | | --- | --- | | save | 保存（返回当前canvas的base64） |