Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

handwritten-signature-vue

gaoliang_12ISC1.0.3

一款适用于PC/Mobile|Android|iPhone的电子签名

vue, 签名

readme

vue手写签名

安装

npm i handwritten-signature-vue

用法

// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import handwrittenSignature from 'handwritten-signature-vue'
import 'handwritten-signature-vue/style.css'

const app = createApp(App)

app.use(handwrittenSignature)

app.mount('#app')
// xx.vue
<script setup lang="ts">

const save = (data:any) => {
  console.log('data--', data)
}

</script>

<template>
  <handwrittenSignature />
</template>

参数

参数 类型 默认值 说明
width number 600 宽度
height number 400 高度
prev boolean true 是否显示上一步
reset boolean true 是否显示重置
strokeStyle string #000 笔画颜色
lineWidth number 3 笔画粗度

事件

事件 说明
save 保存(返回当前canvas的base64)