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="canvas" width="500" 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
                    }
                });
            }
        });
    });

function Bruh() {
        $('#sig_validate').val(1);
    }
</script>

<!--

<div align="center">
    <small>กรุณาเซ็นชื่อในช่องด้านล่าง | <a id="btnClearSign" 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>
<script>
    $(document).ready(function() {
        $('#signArea').signaturePad({
            drawOnly: true,
            drawBezierCurves: true,
            lineTop: 200
        });
    });

$("#btnClearSign").click(function(e) {
        $('#signArea').signaturePad().clearCanvas();
        $('#sig_validate').val(0);
    });

function Bruh() {
        $('#sig_validate').val(1);
    }

function isCanvasBlank(canvas) {

txt_tmp = canvas.toDataURL();

}

// $("#submit_bt").click(function(e) {
    //     let sss = document.getElementById('sign-pad')

//     // บันทึกลงฐานข้อมูล
    //     html2canvas([document.getElementById('sign-pad')], {
    //         onrendered: function(canvas) {
    //             var canvas_img_data = canvas.toDataURL('image/png');
    //             var img_data = canvas_img_data.replace(/^data:image\/(png|jpg);base64,/, "");
    //             console.log(img_data);
    //             //ajax call to save image inside folder
    //             $.ajax({
    //                 url: 'ajax/signature/save_sign.php',
    //                 data: {
    //                     img_data: img_data,

//                 },
    //                 type: 'post',
    //                 dataType: 'json',
    //                 success: function(response) {

//                     //alert(response.id); // ใช้ response.ชื่อ Key ในการดึงข้อมูลที่ส่งกลับมา
    //                     //window.location.href = response.file_name;

//                     alert("บันทึกข้อมูลเรียบร้อยแล้ว !!\n\nข้อความส่งกลับ : " + response.id);

//                     window.location.reload();

//                 }
    //             });
    //         }
    //     });
    // });
</script> -->