HTML5 / Canvas:网页预览?

时间:2009-08-19 05:06:47

标签: html5 canvas

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

我有一个网页,其长度,垂直方向,用户在其上的时间越长(通过Ajax),要求用户垂直滚动以查看页面上的新内容。 (想想像聊天室这样的东西。)

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

当你处理xhr响应时,你可以克隆它并在“preview”元素的顶部显示它,但是缩小(font-size:6,缩小图像,无论如何)。

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

编辑:

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