HTML5/Canvas：网页预览？

Question

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

我有一个垂直长度增长的网页，通过Ajax用户的时间越长，要求用户垂直滚动以查看页面上的新内容。 （想像一个聊天室）

我想要做的是在浏览器窗口中生成一些缩略图，并将其显示在顶部，以便用户可以预览出现在页面的底部，而不必实际滚动看到它。

任何想法？

Answer 1

当你处理xhr响应时，你可以将其克隆并显示在“预览”元素的顶部，但缩小（font-size：6，缩小图像，不管）。

不知道这个预览有多大（小）应该是...

编辑：

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