Computer >> Computer tutorials >  >> Programming >> Javascript

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.