如何使用JavaScript拍攝網頁截圖

我需要捕獲當前活動的網頁作爲截圖。我已經嘗試過html2canvas & GrabzIt，但問題是我需要目前頁面的精確截圖。我不想使用html2canvas的原因是因爲它並不總是返回好的截圖版本（不能正確渲染），而且我也不想使用GrabzIt，因爲它不是免費的。如何使用JavaScript拍攝網頁截圖

你們有沒有想法如何通過使用javascript/java/flash來實現？任何選項只要它能正常工作...

P.S.我目前正在使用firefox提供的功能來捕獲Firefox插件的截圖：context.drawWindow，現在我想讓它在線提供。

非常感謝！

來源

2014-02-07 Brank

可能的重複http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots – markusthoemmes

嗨，請經常檢查谷歌。搜索時會有一百萬個結果。 '如何使用Javascript截取網頁截圖如果您不能使用html2canvas，請解釋原因 - 發生了什麼，屏幕截圖如何出錯？ –

希望你仍然在尋找一個html2canvas替代品？ – Blauharley

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

來源

2017-03-10 20:55:28 Brank

目前可能的選擇：

rasterizeHTML.js：

這個工具看起來是能夠捕獲包含複雜的HTML結構和圖像的網頁時，以及在這個演示： 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

老答：我在項目中的一個使用這種封裝，它的工作相當不錯。我必須對這個軟件包進行唯一的抱怨，那就是圖片在最終的截圖中不能很好地呈現出來。但從那時起可能會有所改進。

來源

2014-02-16 12:01:05 Blauharley

正如我之前所說的，我已經嘗試過使用html2canvas。它仍處於早期發展階段，並非100％準確。我需要非常可靠的東西。無論如何，謝謝你的答案。 :) – Brank

如何使用JavaScript拍攝網頁截圖

回答

相關問題