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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM