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

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

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

配置项：

 1 dotSize   default = (minWidth + maxWidth/2)
 2 //number或函数(取返回值),作用为点击画布的时候,绘制一个半径为dotSize的圆
 3 //注意事项,从input 获取的值为string,而dotSize 为数值,如果通过input设置画笔大小,需要转number,不然就成了字符串拼接,就会出现超级大的点.
 4 minWidth default  0.5
 5 number画笔的笔锋
 6 maxWidth default  2.5
 7 number画笔的粗细
 8 throttle default 16
 9 number每秒绘制的次数,越大越耗性能,越细腻
10 backgroundColor default null
11 画布背景色,可以为 green 字符串,#FFFFFF  rgb(0,0,0)格式
12 penColor default #000000
13 画笔颜色,可以为 green 字符串,#FFFFFF  rgb(0,0,0)格式
14 velocityFilterWeight default 0.7
15 number 用于根据先前的速度修改新速度的重量
16 onBegin 
17 回调函数,落笔时候的回调
18 onEnd
19 回调函数,收笔时候的回调

 

posted @ 2019-11-14 10:35  hupcMaster  阅读(1309)  评论(0)  编辑  收藏  举报