Convert a div and contents inside it to image

Question

I have a DIV container which has some text, background-image, image. I need to convert that whole DIV contents into image and save.

I have googled it around but could not find the perfect answer. some are giving answers that uses a windows application , but i need it on a web platform .

any help will be highly appreciated

Answer 1

From what I understood, you have to do that in the client side, so you should take a look at the toDataURL method of the canvas.

If you don't know, the canvas support text and image.

Example and little library at this link: http://www.nihilogic.dk/labs/canvas2image/

Answer 2

http://html2canvas.hertzen.com/

Does't support IE though. Looks solid other than that.

Answer 3

这是可能的，修改代码http://html2canvas.hertzen.com/screenshots.html你可以执行所需的screenshot :)