fullstack.co.il signpad test

<style>
#signThis {margin-left: 0; margin-right: 0; background-color: #EFEFEF;

border: dotted 1.3px red;}
</style>

<div style = "text-align: center;">
יש לחתום כאן:<br>
<canvas id = "signThis"></canvas>
<br><button type = "button" style = "padding: 2px; font-size: 10px;" onclick="signaturePad.clear(); updateSignature(); document.getElementById('form-field-theSign').setAttribute('value', '' );">מחיקה</button>
</div>

<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>

<script>
var canvas = document.querySelector("canvas");
var signaturePad = new SignaturePad(canvas);


function updateSignature()
{
	var image64 = signaturePad.toDataURL();
	document.getElementById("form-field-theSign").setAttribute("value", image64 );
}

canvas.addEventListener('mouseup', updateSignature);

canvas.addEventListener('touchend', updateSignature);

</script>