0

署名パッドのオプションを更新しようとしていますが、機能していないようです。

更新しようとしているオプションはペンの色です。一度クリックするとオブジェクトを更新してペンの色を変更するボタンを作成しました。

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';
});

何か案は？

4

1 に答える 1

0

署名を再生成するときに、新しいオプションを指定できます。

ドキュメント: http://thomasjbradley.ca/lab/signature-pad/#api

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);
});

または、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);
});
于 2013-08-09T16:26:33.260 に答える