签名组件

使用

<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 |