TSignaturePad / 签名板
SignaturePad provides a canvas for handwritten signatures. Supports pen color, width control, undo/redo, auto-trim, and multiple export formats. / 签名板提供手写签名画布,支持笔色、粗细控制、撤销/恢复、自动裁剪和多种导出格式。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
v-model | string | — | Signature data URL |
width / height | number | string | auto / 200px | Canvas size |
penColor | string | — | Pen color |
disabled | boolean | false | Disabled |
saveFormat | 'png' | 'jpeg' | 'svg' | — | Export format |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TSignaturePad } from '@gulcc/tabler-vue'
const signature = ref('')
</script>
<template>
<TSignaturePad v-model="signature" />
</template>