?手寫簽名插件—jSignature - 行業動態 - 科蟻網

手寫簽名插件—jSignature

jSignature 是一個通過捕捉筆畫的矢量輪廓輸出多種格式數據的jquery插件,通過該插件我們可以實現繪畫板、手寫簽名等功能。

使用該插件需要引入jQuery和jSignature.js,首先初始化jSignature:

 var $signature = $("#signature").jSignature();

接下來即可使用插件提供的一些常見的操作:

(1)、重置畫布

 $signature.jSignature('reset')

(2)、獲取數據并展示

 //獲取數據 
 var data = $signature.jSignature('getData', 'default')    
 //圖片展示
 var img = new Image()
 img.src = data
 $(img).appendTo($('#signimg'))
 //將數據顯示在文本框
 $('#text').val(data)

(3)、撤銷上一步(引入jSignature.UndoButton.js)

//初始化時傳入參數 {'UndoButton':true}
$("#signature").jSignature({'UndoButton':true});

(4)、繪畫板,例如設置筆觸的顏色

 //加入方法setColor
 'setColor' : function(color) {
     // 獲取 context 對象
     var context2D = this.find('canvas.'+apinamespace)
                     .add(this.filter('canvas.'+apinamespace))
                     .data(apinamespace+'.this').canvasContext
     //設置陰影的顏色
     context2D.shadowColor = 'transparent' 
     //設置筆觸顏色
     context2D.strokeStyle = color
     return 
 }
3

鮮花

握手

雷人
1

路過

雞蛋

剛表態過的朋友 (4 人)

該文章已有4人參與評論

請發表評論

全部評論

查看全部評論>>

老子是皇帝彩金