@sangtian152/vue3-sign NPM

vue3-sign

介绍

一个简易签名组件，基于vue3和canvas。

安装

npm i @sangtian152/vue3-sign -S
# or 
yarn add @sangtian152/vue3-sign

引入

import { createApp } from 'vue'
import vue3Sign from '@sangtian152/vue3-sign';
import "@sangtian152/vue3-sign/lib/style.css";

const app = createApp(App)

app.use(vue3Sign)
app.mount('#app')

Attributes

参数	说明	类型	可选值	默认值
line-color	签名颜色	String	—	#000000
line-width	线条宽度	Number	—	3
canvas-width	画布宽度	Number	—	—
canvas-height	画布高度	Number	—	—
bg-color	画布背景色	String	—	#f7f7f7
img-bg-color	生成图片背景色	String	—	tranparent
erasable	是否启用橡皮擦	Boolean	—	true
eraser-radius	橡皮擦半径	Number	—	6
crop	是否裁剪图片	Boolean	—	true
footer	是否显示底部	Boolean	—	false
before-done	签名完成前调用，如果返回false会阻止默认签名完成事件	Function	—	canvas

Events

事件名	说明	返回值
orientationchange	移动设备旋转事件	orientation
on-clear	清空画布事件	—
on-done	完成签名事件，返回签名生成的图片	data:image/png;base64