HTML5/ Canvas : Web page preview?

Question

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

我有一个网页，随着用户在网页上停留的时间越长(通过 Ajax)，网页的长度会垂直增加，需要用户垂直滚动才能看到页面上的新内容。 (想想聊天室之类的东西。)

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

有什么想法吗？

Answer 1

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

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

编辑:

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