HTML5/Canvas：网页预览？

Question

4

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

我有一个网页，通过Ajax技术，当用户停留在上面时会垂直增长，需要用户垂直滚动以查看页面上的新内容（类似于聊天室）。我想做的是，在浏览器窗口中生成一个小缩略图，并将其显示在页面顶部，这样用户就可以预览页面底部的内容，而不必实际滚动以查看。你有什么好的想法吗？

- core

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ryan Florence · Answer 1

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

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

编辑：

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