CODEWITHSUNDEEP
javascriptimageelement
Ben Shelock
Ben Shelock

Reputation: 20975

Javascript - Visual Representation of Element as an Image

This is a long shot but I've seen things which might make it posssible.

I have a div, which is filled with images. Album covers if you must know. And I want to allow users to download this as an image. So they could use it as something like a desktop background.

So is this possible? Get this visual representation of an element and display it as an image?

Upvotes: 0

Views: 408

Answers (4)

Joel Peltonen
Joel Peltonen

Reputation: 13422

You could possibly do the rendering serverside. By this I mean that you could generate the HTML and kind of "screenshot" it on the server. The result would nearly always be at least slightly different from what the user sees, but depending on your requirements it might be enough.

There are various tools to do this, for example wkhtmltoimage, which is a sister project of wkhtmltopdf and can be found at https://code.google.com/p/wkhtmltopdf/

Upvotes: 0

Eldar Djafarov
Eldar Djafarov

Reputation: 24705

Basically you can't do that. At least crossbrowser. But if it is not critical. You can try <canvas>

check here http://www.nihilogic.dk/labs/canvas2image/

Upvotes: 1

rahul
rahul

Reputation: 187080

From what I understood from your question you can use an

img

tag for this. The user can view the image in the browser and can save it to their hard drive.

from your description each of the image inside will be a different album cover, so combining these into a single image won't a good idea.

Upvotes: 0

David
David

Reputation: 1679

Assuming I understand the question...If you know the position of the images in the div, you could concatenate the images together server side into a single image. Then just have a button users can click on that will call the function to assemble and download this image.

Upvotes: 0

Related Questions