1.0.0 • Published 2 years ago

signature-pad-popup v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

下载

使用 npm 下载:

npm i signature-pad

使用 yarn:

yarn add signature-pad

快速开始

import { createApp } from 'vue';
import signaturePad from 'signature-pad'
import 'signature-pad/lib/signature-pad.css'

const app = createApp()
app.use(signaturePad)
<template>
  <signature :show="true" @confirm="confirm" />
</template>

<script setup>
const confirm = data => {
  let img = document.createElement('img')
  img.src = data
}
</script>

注意: Vant Signature 依赖 vant 组件的 Popup, Button, 请自行引入

属性

参数说明类型默认值
line-width线条的宽度Number3
stroke-style绘图笔触颜色String’#000’
type图片格式String‘png’
showpopup是否显示Booleanfalse

事件

字段说明回调参数
confirm点击采用按钮触发事件回调函数签名图片展示的 data URI
clear点击清除按钮触发事件回调函数
showPopup弹出Popup
closePopup关闭Popup

预览

npm.io