Digital Signature Tool

var canvas = document.getElementById("signatureCanvas"); var clearButton = document.getElementById("clearButton"); var saveButton = document.getElementById("saveButton"); var signatureImage = document.getElementById("signatureImage"); var context = canvas.getContext("2d"); var isDrawing = false; var lastX = 0; var lastY = 0; canvas.addEventListener("mousedown", function (event) { isDrawing = true; lastX = event.offsetX; lastY = event.offsetY; }); canvas.addEventListener("mousemove", function (event) { if (isDrawing) { context.beginPath(); context.moveTo(lastX, lastY); context.lineTo(event.offsetX, event.offsetY); context.stroke(); lastX = event.offsetX; lastY = event.offsetY; } }); canvas.addEventListener("mouseup", function () { isDrawing = false; }); clearButton.addEventListener("click", function () { context.clearRect(0, 0, canvas.width, canvas.height); signatureImage.style.display = "none"; }); saveButton.addEventListener("click", function () { signatureImage.src = canvas.toDataURL(); signatureImage.style.display = "inline"; });