HTML5/Canvas:网页预览？

Question

我可以使用画布生成网页的缩略图吗？

我有一个网页的长度增长，垂直增长，用户在它上(通过Ajax)的时间越长，需要用户滚动垂直查看页面上的新内容。(想象一下聊天室之类的东西。)

我想做的是在浏览器窗口中生成一个小缩略图，并将其显示在顶部，以便用户可以预览显示在页面底部的内容，而不必真正滚动来查看它。

有什么想法吗？

Answer 1

当您处理xhr响应时，您可以克隆它并将其显示在顶部的“预览”元素中，但会缩小(font-size: 6，收缩图像，等等)。

不确定这个预览应该有多大(小) ...

编辑：

如果它对于文本来说太小，在处理完xhr之后，你可以测量下面的元素，然后创建缩放版本，并将它们也转储到预览元素中。为“文本”块设置背景图像，其中有曲折的线条来指示它是什么，等等。然后单击它们将跳转到页面的该部分……实际上，听起来很有趣。