基于Vue3的电子签名

简单轻量的电子签名组件

基础用法

属性

参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 :-: | :-: | :-: | :-: | :-: | :-: width | canvas 宽度 | number | - | default | 320 height | canvas 高度 | number | - | default | 160 lineWidth | 线宽 | number | - | default | 4 strokeColor | 线段颜色 | string | - | default | green lineCap | 设置线条两端圆角 | string | - | default | round lineJoin | 线条交汇处圆角 | string | - | default | round bgColor | 画布背景颜色 | string | - | default | transparent showBtn | true | boolean | - | default | true

事件

事件名 | 说明 | 参数列表 | 参数说明 :-: | :-: | :-: | :-: onSave | 当保存时的回调, blob为生成的图片bob | (blob: Blob) => void | - onClear | 当画布清空时的回调, 参数为画布的上下文对象,可以直接使用canvas的api | (canvasContext: CanvasRenderingContext2D) => void | - onDrawEnd | 当画布结束时的回调 | (canvas: HTMLCanvasElement) => void | -

赞助 | Sponsored

开源不易, 有了您的赞助, 我们会做的更好~

技术反馈和交流群 | Technical feedback and communication

微信：beautifulFront