Create an Image of a DIV in JavaScript (GIF/PNG)

Question

I'm wondering is there a JavaScript library available that would allow me to generate an Image from the contents of a DIV.

Basically this is required for some Server-Side Printing code, which needs to print a background from the Browser.

What I'd ultimately like to do would be encode the DIV contents into PNG format and post up the encoded data with the print operation.

Any ideas if this is possible ?

[EDIT] What I have is a mapping application where background data is coming from an image server straight into a browser DIV (Think Google Maps). That div is background to me main data. When Print is pressed the server generates a PDF from the data it knows about, but knows nothing about the browser's background data. What I'd really like is to be able to provide the server with the browsers background image in some way!

Cheers, Ro

Answer 1

Maybe it's possible with the Canvas:

MDN - Drawing Graphics with Canvas