Как я могу использовать холст в модальном окне? - PullRequest
Новая
       19

Как я могу использовать холст в модальном окне?

0 голосов
/ 11 июля 2020

Я пытаюсь интегрировать холст в модальное окно, но это не работает, когда модальное окно открыто.

Когда модальное окно открывается, холст создается, но не работает; У меня не работает только тогда, когда я интегрирую его в модальное окно. 

<div style="">
    <div class="m-signature-pad--body">
        <canvas style="border: 2px dashed;height: 120px;width: 120px"></canvas>
    </div>
    <div class="m-signature-pad--footer">
        <button type="button" class="btn btn-sm btn-secondary"
                data-action="clear" id="clear2">
            Borrar
        </button>
    </div>
</div>

// preparar canvas para crear firmas digitales
function preparateCanvasFirms() {

    var wrapper2 = document.getElementById("signature-pad2"),
        canvas2 = wrapper2.querySelector("canvas"),
        signaturePad2;

    var cancelButton2 = document.getElementById('clear2');

    function resizeCanvas(canvas) {
        var ratio = (window.devicePixelRatio || 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = canvas.offsetHeight * ratio;
        canvas.getContext("2d").scale(ratio, ratio);
    }
    resizeCanvas(canvas2);
    signaturePad2 = new SignaturePad(canvas2);

    cancelButton2.addEventListener('click',function (event) {
        signaturePad2.clear();
    });

}
...