invisio v2.0

<div align="center">
    <small>กรุณาเซ็นชื่อในช่องด้านล่าง | <a id="clear-btn" style="color: red;">ลบลายเซ็น</a></small>
    <div id="signArea" class="border">
        <div class="typed"></div>
        <canvas class="sign-pad" id="sign-pad" width="450" height="150" onmousedown="Bruh()"></canvas>
    </div>
    
</div>

$("#clear-btn").click(function() {
            signaturePad.clear();
        });

$("#save-btn").click(function() {
            if (signaturePad.isEmpty()) {
                alert("Please provide a signature first.");
            } else {
                var dataURL = signaturePad.toDataURL(); // Get the signature data as base64 image
                $.ajax({
                    type: "POST",
                    url: "save_signature.php",
                    data: {
                        signature: dataURL
                    },
                    success: function(response) {
                        alert(response); // Response from the server
                    }
                });
            }
        });
    });
</script>