서명 패드 플러그인의 옵션 업데이트

Question

서명 패드의 옵션을 업데이트하려고하는데 작동하지 않는 것 같습니다.

내가 업데이트하려고하는 옵션은 펜 색이며 한 번 클릭 한 개체를 업데이트하고 펜 색을 변경해야하는 단추를 만들었습니다.

var options = { 
    drawOnly: true, 
    defaultAction: 'drawIt', 
    validateFields: false, 
    lineWidth: 0, 
    output: null, 
    sigNav: null, 
    name: null, 
    typed: null, 
    clear: 'input[type=reset]', 
    typeIt: null, 
    drawIt: null, 
    typeItDesc: null, 
    drawItDesc: null, 
    penColour: '#000', 
}; 

var api = $('form').signaturePad(options); 

$('.green').click(function(){ 
    api.clearCanvas(); 
    $.fn.signaturePad.penColour = '#00FF00'; 
}); 

어떤 아이디어가 있습니까?

Answer 1

서명을 재생성 할 때 새 옵션을 제공 할 수 있습니다.

문서 : API를하지 않고, 당신은 단지 전체를 다시 만들 수 있습니다,

$('.green').click(function() { 
    // Store the signature JSON object so you can regenerate 
    var sig = api.getSignatureString(); 

    api.clearCanvas(); 

    // Regenerate the signature with the updated option 
    api.updateOptions({ penColour: '#00FF00' }).regenerate(sig); 
}); 

또는 : http://thomasjbradley.ca/lab/signature-pad/#api

API를 사용

$('.green').click(function(){ 
    // This is a JSON formatted signature 
    var sig = api.getSignatureString(); 
    api.clearCanvas(); 
    var options = { 
     penColour: '#00FF00' 
     /* other options */ 
    } 

    $('form').signaturePad(options).regenerate(sig); 
});