HTML5/Canvas：網頁預覽？

Question

我可以使用畫布生成網頁的縮略圖嗎？

我有一個垂直長度增長的網頁，通過Ajax用戶的時間越長，要求用戶垂直滾動以查看頁面上的新內容。 （想像一個聊天室）

我想要做的是在瀏覽器窗口中生成一些縮略圖，並將其顯示在頂部，以便用戶可以預覽出現在頁面的底部，而不必實際滾動看到它。

任何想法？

Answer 1

當你處理xhr響應時，你可以將其克隆並顯示在「預覽」元素的頂部，但縮小（font-size：6，縮小圖像，不管）。

不知道這個預覽有多大（小）應該是...

編輯：

如果它是文本太小，你處理XHR之後，你可以衡量元素那裏和然後創建縮放版本並將它們轉儲到預覽元素中。爲「文本」塊設置一個背景圖像，這些塊具有波浪線，以指示它是什麼等等。然後點擊它們會跳轉到頁面的那一部分......實際上聽起來很有趣。