Change color of drawing with jsignature

Question

I want to give the option to change the drawing color after clicking on a color using jsignature. I cannot figure out how to pass the color to the plugin. Behold how I try, please help know where I'm wrong.

    
    
    
    
    
    
    

  

    $(document).ready(function() {
    //default color
    var pen ='green';

    $('.changeColor').on('click', function(event) {
    pen = $(this).attr('id');

    });

    var $sigdiv = $("#signature").jSignature({
    'UndoButton':true,
    'background-color': 'transparent',
    'decor-color': 'transparent',
    'color':pen,
    'width': 500,
    'height': 400
    });

user_10606400 · Answer

You can use updateSetting option of jSignature plugin and inside this pass your settings name and new value i.e : $("#signature").jSignature('updateSetting', "color", pen);

Demo Code :

$(document).ready(function() { //default color
  var pen = 'green';
  var $sigdiv = $("#signature").jSignature({
    'UndoButton': true,
    'background-color': 'transparent',
    'decor-color': 'transparent',
    'color': pen,
    'width': 500,
    'height': 400
  });

  $('.changeColor').on('click', function(event) {
    pen = $(this).attr('id');
    //update settings 
    $("#signature").jSignature('updateSetting', "color", pen,true);
  });
})

Change color of drawing with jsignature

1 Answers