如何使用 Javascript 截取網頁的屏幕截圖

Question

我需要捕獲當前活動的網頁作為屏幕截圖。 我已經嘗試過 html2canvas 和 GrabzIt，但問題是我需要當前所在頁面的精確屏幕截圖。 我不想使用 html2canvas 的原因是它並不總是返回一個好的版本的屏幕截圖（不能正確渲染），我不想使用 GrabzIt，因為它不是免費的。

你們有沒有人知道如何通過使用 javascript/java/flash 來實現這一點？ 任何選項都可以，只要它有效...

PS我目前正在使用Firefox提供的功能使用我的Firefox插件捕獲屏幕截圖：context.drawWindow，現在我想讓它在線可用。

非常感謝！

Answer 1

目前可能的替代方案：

光柵化HTML.js：

這個工具看起來能夠在這個演示中捕獲包含復雜的 html 結構和圖像的頁面： http : //cburgmer.github.io/rasterizeHTML.js/

生動的3D：

在該工具的網站上，您也可以找到一個演示，它仍然受到支持和開發。

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

HTML2畫布：

或者畢竟 HTML2Canvas 因為它看起來不像被擱置，恰恰相反，它有一個新的發布版本。 由於我使用了它，它可能可以更好地將圖像渲染到畫布上。

https://html2canvas.hertzen.com

舊答案：我在我的一個項目中使用了這個包，它運行得很好。 我必須對這個包提出的唯一抱怨是圖像在最終屏幕截圖中沒有很好地呈現。 但可能從那以后它有所改善。

Answer 2

最后，我最終使用phantomjs使用服務器端生成屏幕截圖。 發現它在我的場景中最可靠，它需要相當不錯的屏幕截圖。