Wie generieren Sie Miniaturansichten von HTML-Seiten

Ich versuche zum erzeugen von Thumbnails für mehrere HTML-Seiten, so dass der Benutzer eine Vorstellung davon, was das HTML aussieht, bevor Sie den link zu öffnen. Ich habe online recherchiert, aber habe nicht gefunden was nützlich ist.

Könnte hier jemand einige Tipps? Vielen Dank!

Ich möchte speziell das geschehen auf der server-Seite, also der client ist nicht nötig die Seite zu laden

Duplikat von stackoverflow.com/q/5621907/866172
Nicht ein Duplikat ist, da diese Frage wird beim generieren ein Bild, bevor der Benutzer noch die Seite geladen werden, die andere ist zum erzeugen von screenshots, die auf der client-Seite, so muss der Nutzer besuchen die Seite das erste mal.
Gut, vielleicht ist ein Duplikat von stackoverflow.com/questions/5873184/..., aber Rouge, kannst du uns mehr Infos über deinen server?
Ich glaube, der richtige Weg, mit jQuery wäre es, so etwas wie, erstellen Sie einen HTML5-canvas über der abgerufenen HTML-konvertieren und dann den canvas-Bereich, in dataURL, so dass es zugänglich ist, als Bild. Dies ist nur eine Theorie, obwohl, und ich kann nur bestätigen, nachdem ich das getan haben.

InformationsquelleAutor Rouge | 2013-05-01

  1. 25

    Möchten Sie vielleicht zu prüfen, diese url: http://html2canvas.hertzen.com/.

    Mithilfe dieses Skripts können Sie konvertieren Sie die Seite, in eine Leinwand, auf der client-Seite.

    Dann können Sie das als Miniaturansicht an.

    Wer downvoted, Sie sollten wirklich sagen, warum...
    Und wenn es ist, weil er sagte, er wollte, dass es auf der server-Seite, fügte er hinzu, nachdem ich gebucht, wenn ich mich nicht Irre. Ich lasse diese für andere mit einer ähnlichen Frage.
    Amen. Einige bewusst oder unwissentlich bösartige Menschen, die können nicht Ihr Genörgel in Sicht. Erinnert mich irgendwie an Fälle, in denen Leute geben, die eine 1-Sterne Bewertung für ein Produkt, wenn der Träger verpfuschten der Versand, als ob das hat etwas zu tun mit dem Produkt selbst.
    Es gibt keine zoom-Funktionalität, so dass ich die gesamte Seite, wenn die Einstellung der Breite und Höhe. Was ist der Punkt immer nur ein Stück des Bildes bei der Einstellung der Breite und Höhe?

    InformationsquelleAutor Brian McCutchon

  2. 4

    http://phantomJs.org bietet ein kostenloses tool zum erfassen von HTML lokal aus einer Datei (wenn Sie ermöglichen, die durch einen Kommandozeilen-parameter und verwenden Sie die file:// URI-Schema) oder von einer website und machen es zu einem Bild. Das ist eine sehr gut etablierte sehr beliebtes tool, das Es auch von Leuten verwendet, die automatisierte tests zu schreiben. Es gibt eine wiki-Seite, Abdeckungen, Werkzeug -, und ähnlichen.

    Es hat eine option zuschneiden. Sie könnten die Ausgabe, die durch andere Bild-manipulation-tools, um es zu skalieren.

    So weit wie immer intelligente Vorschauen/thumbnails wie Twitter und Facebook tun, dass ich nicht sicher bin. Ich weiß, es ist ein oEmbed-Protokoll, das sehr beliebt ist, dass Twitter und andere Websites bieten, und Möglichkeiten zum extrahieren der Metadaten, wobei Sie möglicherweise erstellen Sie Ihre eigene kleine HTML-Datei und dann machen es zu einem Bild.

    (Hinweis zur phantomJs: Wenn Sie nicht bekommen, die Bildqualität, die Sie wollen in das gerenderte Bild, versuchen, die Erhöhung der Qualität der Einstellung für den parameter image, 100, sowie Erhöhung der Seite der zoom-Faktor der option. Ich habe festgestellt, zoom-Faktor von 2 produziert zutiefst bessere Qualität als zoom-Faktor 1 - siehe die API-docs in Bezug auf zoom).

    phantomJs archiviert auf github: github.com/ariya/phantomjs/issues/15344

    InformationsquelleAutor clearlight

  3. 2

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

    Ich hoffe diese Hilfe!

    Sie downvote..sollten Sie sagen, warum Jungs........

    InformationsquelleAutor dk-pramis

  4. -1

    Konnte ich nicht, phantomjs, um die Arbeit für meine Website aus irgendeinem Grund, und in der weiteren Suche stieß ich auf dieses Verfahren für die Verwendung von einem iframe zu simulieren, ein thumbnail. Dieses Posting hier für den Fall, andere finden es nützlich.

    InformationsquelleAutor Witt

  5. -3

    überprüfen Sie folgenden link: sehr nützlich.

    http://www.iminfo.in/post/how-to-create-thumbnail-image-using-html5-canvas-and-javascript

    diese Antwort sollte nach unten gestimmt ,

    InformationsquelleAutor Rajat Kulkarni

Schreibe einen Kommentar