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 回調函數,收筆時候的回調