Render HTML to an image

javascript html css image render
Martin Delille picture Martin Delille · May 23, 2012 · Viewed 318.3k times · Source

Is there a way to render html to image like PNG? I know that it is possible with canvas but I would like to render standard html element like div for example.

Answer

AKX picture AKX · May 23, 2012

Yes. HTML2Canvas exists to render HTML onto <canvas> (which you can then use as an image).

NOTE: There is a known issue, that this will not work with SVG

Related questions

Disable dragging an image from an HTML page

I need to put an image in my page. I want to disable dragging of that image. I am trying lot of things but no help. Can somebody help me out ? I don't want to keep that image as a …

Read More
How to silently hide "Image not found" icon when src source image is not found

Do you know how to hide the classic “Image not found” icon from a rendered HTML page when an image file is not found? Any working method using JavaScript/jQuery/CSS?

Read More
Client-side image resolution/size validation

I'm designing a website for a printing company. They want an image size/resolution checker that will let their customers upload an image they want to print, and tell them if the image resolution is good enough for printing. I'm …

Read More