วิธีบันทึก DIV เป็นรูปภาพด้วย canvas2image พร้อมนามสกุลใน HTML

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

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

ตัวอย่าง:

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

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

ฟังก์ชัน html2canvas บันทึก div เป็นรูปภาพด้วยโค้ด:

html2canvas(document.querySelector("#cpimg")).then(canvas => {
  document.body.appendChild(canvas);
});

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