จะบันทึก DIV เป็นรูปภาพด้วยผ้าใบ HTM5 ไปยังรูปภาพที่มีนามสกุลได้อย่างไร

เนื้อหา DIV สามารถบันทึกเป็นรูปภาพได้โดยใช้ฟังก์ชัน html2canvas() ใน JavaScript แท็ก DIV กำหนดส่วนในเอกสาร HTML

ตัวอย่าง

<div id = ”cpimg”   style = ”padding:  25px ; ” >  
   <h4>Welcome</h4>
</div>

แสดงพื้นที่แบ่งชื่อ cpimg

ฟังก์ชัน html2canvas() บันทึก div เป็นรูปภาพด้วยรหัสต่อไปนี้ -

html2canvas(document.querySelector(“#cpimg”)).then(canvas
 {    
    document.body.appendChild(canvas)
 });

มันบันทึกส่วน div ที่อ้างถึง “cpimg” ลงในรูปภาพ