HTML5/Canvas：ウェブページプレビュー？

Question

キャンバスを使ってウェブページのサムネイルを生成できますか？

私は長さが伸びるWebページを持っています。垂直方向に、ユーザーがAjax経由で長くなれば、ページ上の新しいコンテンツを見るために垂直方向にスクロールする必要があります。 （チャットルームのようなものを考えてみてください）

私がしたいのは、ブラウザウィンドウ内のすべての小さなサムネイルを生成し、その上に表示して、ユーザーが実際にスクロールせずにページの一番下に表示されます。

アイデア？

Answer 1

xhrレスポンスを処理すると、その画像を複製して上部の「プレビュー」要素に表示できますが、収縮します（font-size：6、縮小画像など）。

このプレビューは...

を編集することになっているどのように大きな（小さな）わ​​からない：それはテキストのために小さすぎる場合は、XHRを処理した後

、あなたがそこに要素を測定でき、スケーリングされたバージョンを作成してプレビュー要素にもダンプします。それが何であるかを示すために線が詰まっている「テキスト」ブロックの背景画像を設定します。次に、それらをクリックすると、ページのそのセクションにジャンプします。