Documentation

Ctrl+K
Vue

Signature Pad

Signature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page & app. For more details

HTML Code

<div class="card">
    <div class="text-center">
       <canvas id="visitsignature" class="roundCorners" style="position: relative; margin: 0; padding: 0; max-width:100%"></canvas>
    </div>
</div>

Script

var canvas = document.querySelector("#visitsignature");
var signaturePad = new SignatureP ad(canvas, {
    backgroundColor: 'rgb(233, 236, 239)'
});

const resetBtn = IQUtils.getElem('#clear-sign')
if(resetBtn != undefined && resetBtn !== null){
    resetBtn.addEventListener('click', function (e) {
        signaturePad.clear();
    })
}
Previous Next