HTML5/Canvas: Webseitenvorschau?

Question

Kann ich Canvas verwenden, um ein Thumbnail einer Webseite zu erstellen?

Ich habe eine Webseite, die in der Länge wächst, vertikal, je länger ein Benutzer darauf ist (über Ajax), der Benutzer muss vertikal scrollen, um den neuen Inhalt auf der Seite zu sehen. (Denken Sie an etwas wie einen Chatraum.)

Was ich tun möchte, ist ein kleines Miniaturbild von allem im Browserfenster zu generieren und es oben anzuzeigen, so dass der Benutzer eine Vorschau dessen bekommen kann, was auf dem unten auf der Seite, ohne dass tatsächlich geblättert werden muss, um sie zu sehen.

Irgendwelche Ideen?

Answer 1

Wenn Sie die XHR-Antwort behandeln, könnten Sie es klonen und es oben in einem "Vorschau" -Element anzeigen, aber geschrumpft (Schriftgröße: 6, Schrumpfbilder, was auch immer).

nicht sicher, wie groß (klein) diese Vorschau sein soll ...

Edit:

Wenn es für Text zu klein ist, nachdem Sie die xhr behandeln könnten Sie die Elemente messen dort unten und Erstellen Sie dann skalierte Versionen und legen Sie sie auch im Vorschauelement ab. Setze ein Hintergrundbild für "Text" -Blöcke, die zickige Linien haben, um anzuzeigen, was es ist usw. Wenn du dann auf sie klickst, würdest du zu diesem Abschnitt der Seite springen ... Klingt interessant.