HTML5/Canvas：网页预览？

Question

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

我有一个纵向增长的网页，用户在其上的时间越长（通过 Ajax），需要用户纵向滚动才能看到页面上的新内容。 （想想聊天室之类的东西。）

我想做的是生成浏览器窗口中所有内容的小缩略图并将其显示在顶部，以便用户可以预览页面底部显示的内容，而无需实际滚动到看看吧。

有什么想法吗？

Answer 1

当您处理 xhr 响应时，您可以克隆它并将其显示在“预览”元素的顶部，但会缩小（字体大小：6，缩小图像等）。

不确定这个预览应该有多大（小）...

编辑：

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