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.

Updated on: 30-Jan-2020

512 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements