vue手写签名

安装

npm i handwritten-signature-vue

用法

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

const app = createApp(App)

app.use(handwrittenSignature)

app.mount('#app')

// xx.vue
<script setup lang="ts">

const save = (data:any) => {
  console.log('data--', data)
}

</script>

<template>
  <handwrittenSignature />
</template>

参数

| 参数 | 类型 | 默认值 | 说明 | |:-----|:-----|:------| :-----| | width | number | 600 | 宽度 | | height | number | 400 | 高度 | | prev | boolean | true | 是否显示上一步 | | reset | boolean | true | 是否显示重置 | | strokeStyle | string | #000 | 笔画颜色 | | lineWidth | number | 3 | 笔画粗度 |

事件

| 事件 | 说明 | |:-----|:-----| | save | 保存(返回当前canvas的base64) |