1.0.5 • Published 1 year ago
sign-pic v1.0.5
sign-pic
简易电子签名、绘板
Install | 安装
npm i sign-picUse | 使用
1.全局引用
import Sign from 'sign-pic';
Vue.use(Sign);
2.局部加载
import Sign from 'sign-pic';
Vue.components('sign', Sign)
组件中使用：
<sign :lineWidth=2 :strokeColor="'pink'" :showBtn="true" @complete="showData" />props | 属性说明
| 字段 | 说明 | 默认值 |
|---|---|---|
| width | 画布宽度 | 300 |
| height | 画布高度 | 200 |
| lineWidth | 线条宽度 | 2 |
| strokeColor | 线条颜色 | 'red' |
| background | 画布背景色 | 'transparent' |
| showBtn | 展示按钮 | true |
events | 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| complete | 绘画完成时触发【showBtn为true时，点击保存的时候触发，false时绘画完成自动触发】 | 绘画完成保存的base64的图片文件(dataBase) |