vue手写签名
安装
npm i handwritten-signature-vue
用法
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) |