1.0.3 • Published 2 years 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) |