2013-05-08 73 views
0

这是我的代码的最后一块:是否可以使用画布截取整个网页?

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浏览器的特定代码)。

+0

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

+0

您能否分享适用于Google Chrome的代码? – Reem 2017-07-07 12:37:41

回答

-1

我不确定Canvas。但是,此工具可能会帮助您在任何网站上获取完整页面的截图所需的结果:http://www.thumbalizr.com。它对我来说很方便。

+1

感谢您的信息,但我不需要一个完全的工具,我需要一个简单的代码(在JavaScript中),以便获取网页的完整屏幕截图。 使用HTML5/Canvas/Javascript截取屏幕截图...此链接不准确,以便截取屏幕截图,请阅读以下文本: 屏幕截图基于DOM,因此可能不是100%准确真实的表现形式,因为它不会制作实际的屏幕截图,但会根据页面上提供的信息构建屏幕截图。 – user2364265 2013-05-09 19:43:10

相关问题