javascript - 更新签名板插件上的选项

Question

我正在尝试更新 Signature Pad 上的选项，但它似乎不起作用。

我要更新的选项是笔颜色，我创建了一个按钮，单击该按钮应更新对象并更改笔颜色。

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

您可以在重新生成签名时提供新选项。

文档：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);
});