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-modelstring—Signature data URL
width / heightnumber | stringauto / 200pxCanvas size
penColorstring—Pen 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>