var callFunction = "";
function to_canvas(){
   //ส่วนที่ 1 แปลง html เป็น canvas ใน html5
    html2canvas(document.getElementById("my_rectangle"), { //ต้องการแปลก div id เท่ากับ my_rectangle เป็น canvas  
        onrendered: function (canvas) {// ฟังก์ชั่น เมื่อทำงานเสร็จ  
            try {
                canvas.id = "someId"; // กำหนด id ให้กับ canvas นั้น เพื่ออ้างอิงใช้งานในภายหลัง  
                canvas.style.display = "none"; // ซ่อน canvas นั้นไม่ต้องแสดง หรือจะแสดงก็ได้ โดยตัดบรรทัดนี้ออก  
                document.getElementById("content_page_data").appendChild(canvas); // ให้ canvas ที่สร้างอยู่ใน div id ที่เรากำหนด  
                //alert("Add CANVAS");
                setTimeout(callFunction, 500);
            } catch (e) {
                alert(e); 
            }
        }
    });
//var html2canvasdiv = document.getElementById("html2canvasdiv");
//    alert(html2canvasdiv.style.display);
//    html2canvasdiv.style.display = "";
}

function to_postimage() {
    // ส่วนที่ 2 แปลง canvas ให้เป็นรูปภาพ สามารถ คลิกขวา และบันทึก เป็น png ไฟล์ ได้  
    var canvas = document.getElementById("someId"); // เรียกใช้ canvas ที่ถูกสร้างขึ้น อ้างอิงตาม id ที่กำหนดก่อนหน้า    
    var iframe = document.getElementById('iFramehtml2canvas');
    //iframe.src="../Saving/JsCSS/html2canvas.save.html";
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    innerDoc.getElementById('img_val').value = canvas.toDataURL("image/png");
    innerDoc.getElementById('myForm').submit();
}
function to_saveimage() {
    $(document).ready(function () {
        to_canvas();
        callFunction = "to_postimage()";
    });
}
function to_setimage() {
    //try{
    // ส่วนที่ 2 แปลง canvas ให้เป็นรูปภาพ สามารถ คลิกขวา และบันทึก เป็น png ไฟล์ ได้  
    var canvas = document.getElementById("someId");
    // เรียกใช้ canvas ที่ถูกสร้างขึ้น อ้างอิงตาม id ที่กำหนดก่อนหน้า          
    document.getElementById("theimage").src = canvas.toDataURL();
    //นำ canvas แปลงเป็นข้อมูล url แล้วแสดงใน element img รูปภาพ  
    Canvas2Image.saveAsPNG(canvas); //แสดงเป็นไฟล์รูปภาพ png 
    //}catch(e){
    //  alert("Please try again !!");
    //}
}
function to_image() {
    $(document).ready(function () {
        to_canvas();
        callFunction = "to_setimage()";
    });
    //document.getElementById("captureScreen").click();
}