1.0.3 • Published 1 year ago
handwritten-signature-vue v1.0.3
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) |