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

สามารถบันทึกเนื้อหา DIV เป็นรูปภาพได้โดยใช้ฟังก์ชัน html2canvas ในจาวาสคริปต์

แท็ก DIV กำหนดส่วนในเอกสาร HTML

ตัวอย่าง:

<div id=”cpimg” style=”padding: 20px ; ” >
   <h4>Hello world</h4>
</div>

แสดงพื้นที่การแบ่งชื่อเป็น cpimg

ฟังก์ชัน Html2canvas บันทึก div เป็นรูปภาพด้วยโค้ดต่อไปนี้:

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

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