invisio v2.0

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

//console.log(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>