vue3-signature-panel/README.md

canvas签名面板组件

### 签名组件

#### 使用

```vue
<template>
    <SignaturePanel @generate="handleGenerate" />
</template>

<script setup>
// 引入组件
import SignaturePanel from "vue3-signature-panel";

// 引入css
import "vue3-signature-panel/dist/style.css";

const handleGenerate = (base64Url) => {
    console.log(base64Url);
};
</script>
```

#### 参数

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| width | 宽度 | `Number` | `300` |
| height | 高度 | `Number` | `150` |
| penColor | 笔颜色 | `String` | `#000000` |
| penWidth | 笔宽度 | `Number` | `2` |
| generateText | 生成按钮文本 | `String` | `生成图片` |
#### 事件

| 事件 | 说明 | 参数 |
| --- | --- | --- |
| generate | 生成图片 | `String` |