记录一个h5页面生成canvas画布做签名的js插件--signature_pad

时间：2023-01-16 15:55:10

demo地址：https://jsfiddle.net/02dLn15g/5/

GitHub地址：https://github.com/szimek/signature_pad

配置项：

 dotSize   default = (minWidth + maxWidth/2)

 //number或函数(取返回值),作用为点击画布的时候,绘制一个半径为dotSize的圆

 //注意事项,从input 获取的值为string,而dotSize 为数值,如果通过input设置画笔大小,需要转number,不然就成了字符串拼接,就会出现超级大的点.

 minWidth default  0.5

 number画笔的笔锋

 maxWidth default  2.5

 number画笔的粗细

 throttle default 16

 number每秒绘制的次数,越大越耗性能,越细腻

 backgroundColor default null

 画布背景色,可以为 green 字符串,#FFFFFF  rgb(0,0,0)格式

 penColor default #000000

 画笔颜色,可以为 green 字符串,#FFFFFF  rgb(0,0,0)格式

 velocityFilterWeight default 0.7

 number 用于根据先前的速度修改新速度的重量

 onBegin

 回调函数,落笔时候的回调

 onEnd

 回调函数,收笔时候的回调

相关文章