是否可以使用畫布截取整個網頁？

這是我的代碼的最後一塊：是否可以使用畫布截取整個網頁？

var canvas = document.getElementById('my-canvas'); 
var ctx = canvas.getContext("2d"); 

// Draw the window at the top left of canvas, width=100, height=200, white background 
ctx.drawWindow(window, 0,0, 100, 200, "rgb(255,255,255)"); 

// Open another window with the thumbnail as an image 
open(canvas.toDataURL("image/png"));

的html代碼：

<canvas id="my-canvas"/><br/>

注：我爲了拿一個完整的網頁截圖，但與此代碼我一直在嘗試不同的代碼m只能拍攝一小片網頁圖像。

有人可以幫助我嗎？我需要一個簡單的屏幕截圖代碼才能在FF，Opera和Safari中使用它（我已經有一個完美的Google Chrome瀏覽器的特定代碼）。

來源

2013-05-08 user2364265

是可以通過html2canvas。 http://hertzen.com/experiments/jsfeedback/ – Faizan 2013-05-13 17:16:48

您能否分享適用於Google Chrome的代碼？ – Reem 2017-07-07 12:37:41

-1

我不確定Canvas。但是，此工具可能會幫助您在任何網站上獲取完整頁面的截圖所需的結果：http://www.thumbalizr.com。它對我來說很方便。

來源

2013-05-08 23:20:20 KRS77

感謝您的信息，但我不需要一個完全的工具，我需要一個簡單的代碼（在JavaScript中），以便獲取網頁的完整屏幕截圖。使用HTML5/Canvas/Javascript截取屏幕截圖...此鏈接不準確，以便截取屏幕截圖，請閱讀以下文本：屏幕截圖基於DOM，因此可能不是100％準確真實的表現形式，因爲它不會製作實際的屏幕截圖，但會根據頁面上提供的信息構建屏幕截圖。 – user2364265 2013-05-09 19:43:10

是否可以使用畫布截取整個網頁？

回答

相關問題