Signature
签名组件。
示例
基本用法
<nut-signature
@confirm="confirm"
></nut-signature>
export default {
methods:{
confirm(canvas, data) {
console.log(data);
}
}
}
修改签字颜色和画笔粗细
<nut-signature
@confirm="confirm1"
:lineWidth="5"
strokeStyle="#000000"
></nut-signature>
Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
lineWidth | 画笔宽度 | number | 2 | — |
strokeStyle | 画笔颜色 | string | #000 | — |
type | 转换为dataUrl格式 | string | png | png/jpg |
unSupportTpl | 浏览器不支持显示文案 | string | 对不起,当前浏览器不支持Canvas,无法使用本控件! | — |
Events
事件名 | 说明 | 回调参数 |
---|---|---|
confirm | 点击确认签字按钮时触发 | canvas:canvas;data:based64 |