Signature


签名组件。

示例
基本用法
  1. <nut-signature
  2. @confirm="confirm"
  3. ></nut-signature>

  1. export default {
  2. methods:{
  3. confirm(canvas, data) {
  4. console.log(data);
  5. }
  6. }
  7. }

修改签字颜色和画笔粗细
  1. <nut-signature
  2. @confirm="confirm1"
  3. :lineWidth="5"
  4. strokeStyle="#000000"
  5. ></nut-signature>

Props
参数说明类型默认值可选值
lineWidth画笔宽度number2
strokeStyle画笔颜色string#000
type转换为dataUrl格式stringpngpng/jpg
unSupportTpl浏览器不支持显示文案string对不起,当前浏览器不支持Canvas,无法使用本控件!
Events
事件名说明回调参数
confirm点击确认签字按钮时触发canvas:canvas;data:based64