Image generator plugin

Question

I'm searching for Javascript (JQuery if possible) plugin that can generate an image representing the inner content of a DIV.

Example : This link shows an image containing 3 x 3 box display.

What I would like is that these boxes could contain an automatically-generated picture showing what a specific DIV's content look like.

Is there such a thing?

Answer 1

If you don't have too much content on the screen, this seems like a simple option

html2canvas

1. It is well documented
2. Well tested
3. But it will not work for all elements
4. It will not work with all atributes

But this is the solution if you want to take the screenshot of your page only(where you know the possible attributes and elements)

Answer 2

I don't think that Javascript can create an image from the scratch, but for sure is possible to make that on the server and use JS to make an AJAX call to it.

Hope this helps.