如何使用Javascript截取网页截图

Question

我需要捕获当前活动的网页作为屏幕截图。我已经尝试过html2canvas＆amp; GrabzIt但问题是我需要一个当前页面的精确截图。我不想使用html2canvas的原因是因为它并不总是返回一个好的截图版本（没有正确渲染）而且我不想使用GrabzIt，因为它不是免费的。

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

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

非常感谢！

Answer 1

目前可能的替代方案：

<强> rasterizeHTML.js：

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

活泼的3D：

在该工具的网站上，您也可以找到一个演示版，但它仍然受支持和开发。

http://livelygoes3d.blogspot.co.at/2011/11/rendering-html-on-canvas.html

<强> HTML2Canvas：

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

http://html2canvas.hertzen.com/examples.html

旧应答： 我在我的一个项目中使用了这个包，它运行得很好。我必须在这个包上做出的唯一抱怨是在最终的截图中图像不能很好地呈现。但从那时起它可能会得到改善。

Answer 2

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