Làm cách nào để lưu DIV dưới dạng Hình ảnh với canvas HTM5 thành hình ảnh có phần mở rộng?

Nội dung DIV có thể được lưu dưới dạng hình ảnh với sự trợ giúp của hàm html2canvas () trong JavaScript. Thẻ DIV xác định một phần trong tài liệu HTML.

Ví dụ

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

Điều này hiển thị khu vực phân chia có tên là cpimg.

Hàm html2canvas () lưu div dưới dạng hình ảnh với mã sau -

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

Nó lưu phần div được giới thiệu “cpimg” vào hình ảnh.