Computer >> Máy Tính >  >> Lập trình >> Javascript

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


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: 20px ; ” >
   <h4>Hello world</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.