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

JavascriptWeb DevelopmentFront End Scripts

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.

raja
Published on 11-Apr-2018 14:05:50
Advertisements