How to save DIV as Image with HTM5 canvas to image with the extension?

DIV content can be saved as an image with the help of html2canvas() function in JavaScript. DIV tag defines a section in HTML document.

Example

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

This shows the division area named cpimg.

The html2canvas() function save div as an image with the following code −

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

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

Samual Sam

Learning faster. Every day.

Updated on: 24-Jun-2020

5K+ Views

Get certified by completing the course

Get Started