BankingSystem/JMEAgentSystem/js/singnature/customerSignature.js

var signaturePad = "";
var isdisplayDignature = 'true';//$("#isDisplaySignature").val();
CustomerSignature();

function CustomerSignature() {
    if (isdisplayDignature === 'true') {
        var wrapper = document.getElementById("signature-pad");
        if (wrapper == null) {
            return;
        }
        var clearButton = wrapper.querySelector("[data-action=clear]");
        //var undoButton = wrapper.querySelector("[data-action=undo]");
        var canvas = wrapper.querySelector("canvas");
        signaturePad = new SignaturePad(canvas, {
            backgroundColor: 'rgb(255, 255, 255)'
        });

        function resizeCanvas() {
            var ratio = Math.max(window.devicePixelRatio || 1, 1);
            canvas.width = canvas.offsetWidth * ratio;
            canvas.height = canvas.offsetHeight * ratio;
            canvas.getContext("2d").scale(ratio, ratio);
            signaturePad.clear();
        }

        window.onresize = resizeCanvas;
        resizeCanvas();

        clearButton.addEventListener("click", function (event) {
            signaturePad.clear();
        });

        //undoButton.addEventListener("click", function (event) {
        //    var data = signaturePad.toData();

        //    if (data) {
        //        data.pop(); // remove the last dot or line
        //        signaturePad.fromData(data);
        //    }
        //});
    }
}

function CheckSignatureCustomerFromCustomerRegister() {
    if (isdisplayDignature.toLowerCase() === 'true') {
        if (signaturePad.isEmpty()) {
            alert("Customer signature  is required");
            $('#MainContent_hddImgURL').val('');
            return false;
        }
        if (!signaturePad.isEmpty()) {
            var dataURL = signaturePad.toDataURL('image/png');
            $('#MainContent_hddImgURL').val(dataURL.replace('data:image/png;base64,', ''));
            return true;
        }
        if (signaturePad.isEmpty()) {
            $('#MainContent_hddImgURL').val('');
            return true;
        }
    }
    return true;
}