Javascript - visiva Rappresentazione di Element come un'immagine

Question

Questo è un lungo tiro, ma Ho visto cose che potrebbe fare esso posssible.

Ho un div, che è pieno di immagini. Le copertine degli album se proprio vuoi saperlo. E voglio permettere agli utenti di scaricare questo come un'immagine. In modo da poter usare come qualcosa di simile a uno sfondo del desktop.

Quindi, è possibile? Ottenere questa rappresentazione visiva di un elemento e visualizzarlo come un'immagine?

Answer 1

In sostanza, non si può fare. Almeno crossbrowser. Ma se non è critico. Si può provare <canvas>

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

Answer 2

Supponendo che ho capito la domanda ... Se si conosce la posizione delle immagini nella div, è possibile concatenare le immagini insieme lato server in una singola immagine. Poi basta un utente può cliccare sul pulsante che chiamerà la funzione per assemblare e scarica questa immagine.

Answer 3

Da quello che ho capito dalla tua domanda è possibile utilizzare un

img

tag per questo. L'utente può visualizzare l'immagine nel browser e può salvarlo sul proprio disco rigido.

dalla tua descrizione ciascuna dell'immagine all'interno sarà una copertina diversa, in modo che unisce questi in una singola immagine non sarà una buona idea.

Answer 4

Si potrebbe forse fare la serverside rendering. Con questo voglio dire che si potrebbe generare il codice HTML e il tipo di "screenshot" sul server. Il risultato sarebbe quasi essere sempre almeno un po 'diverso da quello che l'utente vede, ma a seconda delle vostre esigenze potrebbe essere sufficiente.

Ci sono vari strumenti per fare questo, per esempio wkhtmltoimage, che è un progetto sorella di wkhtmltopdf e può essere trovato all'indirizzo https://code.google.com/p/wkhtmltopdf/