如何使用Javascript截取网页截图

Question

我需要捕获当前活动的网页作为屏幕截图.我已经尝试过html2canvas和GrabzIt,但问题是我需要一个精确的截图,显示我目前所在的页面.我不想使用html2canvas的原因是因为它并不总是返回一个好的版本的截图(没有正确渲染),我不想使用GrabzIt,因为它不是免费的.

你们有没有想过如何通过使用javascript/java/flash实现这一目标？只要它有效,任何选项都可以做到......

PS我正在使用firefox提供的功能使用我的Firefox插件捕获屏幕截图:context.drawWindow现在我想让它在线提供.

非常感谢!

Answer 1

目前可能的选择:

rasterizeHTML.js:

这个工具看起来能够在这个演示中捕获包含复杂的html结构和图像的while页面:http: //cburgmer.github.io/rasterizeHTML.js/

活泼的3D:

在该工具的网站上,您也可以找到一个演示,它仍然得到支持和开发.

HTML2Canvas:

或者毕竟HTML2Canvas因为它看起来不像它被搁置,恰恰相反,它有一个新的发布版本.因为我使用它可能会更好地处理将图像渲染到画布上.

旧答案:我在我的一个项目中使用了这个包,它运行得很好.我必须在这个包上做出的唯一抱怨是在最终的截图中图像不能很好地呈现.但从那以后可能会有所改善.

Answer 2

最后，我最终使用phantomjs在服务器端生成屏幕截图。发现它在我的场景中最可靠，并且它的屏幕截图相当不错。