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