How to save DIV as Image with canvas2image with extension in HTML?

DIV content can be saved as image with the help of html2canvas function in javascript.

DIV tag defines a section in HTML document.

Example:

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

This shows division area named as cpimg.

Html2canvas function saves div as an image with following code:

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

It saves the referred div section “cpimg” into the image.

Govinda Sai

Updated on: 2020-01-30T07:05:15+05:30

688 Views

Get certified by completing the course