Skip to content

TSignaturePad / 签名板

SignaturePad provides a canvas for handwritten signatures. Supports pen color, width control, undo/redo, auto-trim, and multiple export formats. / 签名板提供手写签名画布,支持笔色、粗细控制、撤销/恢复、自动裁剪和多种导出格式。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
v-modelstringSignature data URL
width / heightnumber | stringauto / 200pxCanvas size
penColorstringPen color
disabledbooleanfalseDisabled
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>