Creazione di un'immagine da un DIV

Ho setacciato Google e StackOverflow e non riesco a trovare una risposta definitiva.Creazione di un'immagine da un DIV

Sto volendo creare un'immagine da un particolare bit di contenuto. Quindi ho un div a cui ho aggiunto immagini, testo, colori di sfondo ecc. E voglio salvare il DIV come immagine. Ho letto su GD e come creare ogni singolo bit, come creare prima la tela, riempirla con un colore, renderizzare i caratteri ecc ... Quello che mi sto chiedendo, non è un modo più semplice? Sembra un compito semplice ma apprezzo che non lo sia. Ci sono delle librerie che potresti consigliare per aiutarti? Invece di dover passare attraverso il rendering delle immagini, ogni bit di testo e ogni colore sulla tela ..

Grazie

fonte

2011-08-17 christian.thomas

suoni complessi, vorrei poter essere di aiuto. +1 – alt

Molto complesso. Un'istantanea sullo schermo in miniatura. Buona domanda. +1 –

Google utilizza questa tecnica per evidenziare il testo cercato nella sua anteprima istantanea. Sembra essere molto complesso da raggiungere. Esempio su [http://i52.tinypic.com/16a44ub.png](http://i52.tinypic.com/16a44ub.png) –

PHP non ha idea di come sia la tua pagina.

Questo è tutto ciò che fa un browser/user-agent (rendering HTML).

Partenza: Website screenshots using PHP

fonte

2011-08-17 22:26:10 PeeHaa

Grazie PeeHaa, wkhtmltopdf sembra l'opzione migliore al momento.Accetterò la tua risposta a breve se non ci sono altri feedback –

Ho intenzione di provare una combinazione di diversi strumenti suggeriti nella discussione sopra. Cercherò di far funzionare wkhtmltopdf in modo efficace. Se fallisce, imagescreengrab e ritaglia l'immagine con GD. Se fallisce, userò file_get_contents per salvare un'immagine wimg.ca come in http://wimg.ca/http://stackoverflow.com/questions/757675/website-screenshots-using-php Grazie per tutti i suggerimenti ragazzi, apprezzatelo. –

Un div non è un'immagine. In termini reali, è un sacchetto di plastica in cui mettere la spesa. Quello che vuoi è un oggetto <canvas>, il cui contenuto può essere catturato come immagine usando varie funzioni javascript.

fonte

2011-08-17 22:17:39

@ christian.thomas: Ma '< canvas >' è solo HTML5 e supporto browser minimo, FYI. –

Questi erano i miei pensieri. Ho usato un DIV perché era semplice aggiungere elementi, immagini ecc. A questo DIV. Pensavo di essere a casa e asciutto da questo punto, avrei dovuto fare più ricerche! :( –

@ christian.thomas: a meno che la composizione di questi annunci non sia molto flessibile e sia gestita da alcuni elementi del modulo da inserire per creare l'immagine, sarà molto difficile ottenerla senza ignorare i vecchi browser e utilizzare tecnologia più recente (e l'acquisizione di valuta?). – Marcel

Se siete alla ricerca di un editor di immagini on-line per mettere da parte gli annunci, svg-edit possono soddisfare le vostre esigenze. Questo dovrebbe farti ottenere il massimo da lì.

Ci sono anche alcuni servizi che fanno il lavoro e si può persino essere in grado di sfruttare come strumento di terze parti. Sono sicuro che puoi anche apprezzare la loro complessità.

fonte

2011-08-17 22:46:34 Marcel

Creazione di un'immagine da un DIV

risposta

Problemi correlati