2013-05-01 7 views
12

Sto cercando di creare immagini di anteprima per diverse pagine HTML, così l'utente può avere un'idea di come appare l'HTML prima di aprire il collegamento. Ho cercato online ma non ho trovato nulla di utile.Come generare immagini di anteprima di pagine HTML

Qualcuno potrebbe fornire alcuni suggerimenti? Grazie mille!

particolare mi voglio che questo accada sul lato server in modo che il cliente non è tenuto a caricare la pagina

+0

duplicato di http://stackoverflow.com/q/5621907/866172 – Jalayn

+0

Non è un duplicato poiché questa domanda riguarda la generazione di un'immagine prima che l'utente carichi anche la pagina, l'altra riguardi la generazione di schermate sul lato client , quindi, l'utente deve prima visitare la pagina. – coma

+0

Beh, forse è un duplicato di http://stackoverflow.com/questions/5873184/how-do-you-create-an-image-of-a-web-page-in-php ma Rouge, puoi fornire di più informazioni sul tuo lato server? – coma

risposta

18

Si potrebbe voler controllare questo url: http://html2canvas.hertzen.com/.

Utilizzando questo script, è possibile convertire la pagina in un'area di disegno sul lato client.

Quindi è possibile utilizzarlo come miniatura.

+4

Chi ha downvoted, dovresti davvero dire perché ... –

+3

E se è perché ha detto che lo voleva sul lato server, ha aggiunto che dopo che ho postato, se non sbaglio. Lascerò questo per gli altri con una domanda simile. –

+0

Amen.Alcune persone intenzionalmente o inconsapevolmente malvagie che non riescono a mettere le loro manche in prospettiva. Mi ricorda in qualche modo i casi in cui le persone danno una recensione a 1 stella per un prodotto se il corriere ha complicato la spedizione, come se questo avesse qualcosa a che fare con il prodotto stesso. – clearlight

3

http://phantomJs.org offre uno strumento gratuito per catturare HTML localmente da un file (se si attiva che tramite un parametro di riga di comando e utilizzare lo schema URI file://) o da un sito web e renderlo a un'immagine. Questo è uno strumento molto popolare molto diffuso. Viene usato anche da persone che scrivono test automatici. C'è una pagina wiki che copre quello strumento, e simili.

Ha un'opzione di ritaglio. Potresti eseguire l'output di questo attraverso altri strumenti di manipolazione delle immagini per ridimensionarlo.

Per quanto riguarda ottenere anteprime/miniature intelligenti come Twitter e Facebook, di cui non sono sicuro. So che esiste un protocollo oEmbed che è popolare tra Twitter e altri siti e metodi per estrarre i metadati in base ai quali è possibile creare il proprio piccolo file HTML e quindi renderlo a un'immagine.

(Nota sui phantomJs: se non si ottiene la qualità dell'immagine che si desidera nell'immagine di rendering, provare aumentando l'impostazione della qualità per i parametri dell'immagine a 100, così come aumentando opzione fattore di zoom della pagina. Ho trovato il fattore di ingrandimento di 2 che produce una qualità decisamente migliore rispetto al fattore di zoom 1 - consulta i documenti API relativi allo zoom.

1

http://api.s-shot.ru/?=(your url) e https://s.wordpress.com/mshots/v1/(your url)

Spero che coloro Aiuto!

+0

You downvote..ay dovresti dire perché ragazzi ........ –

Problemi correlati