请问网页如何截图？

fzn0621 2009-07-02 11:01:02

搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截图。不知道有没有更好的办法。

这个问题困扰我两天了，还希望知道的朋友指点一二。。感激不尽。。

...全文

13638 33 打赏收藏转发到动态举报

写回复

用AI写文章

33 条回复

切换为时间正序

请发表友善的回复…

发表回复

bqiume 2012-11-01

打赏
举报

[Quote=引用 30 楼的回复:]
Xproer.ScreenCapture：http://www.cnblogs.com/xproer/archive/2010/12/05/1896778.html

整合示例代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Web截屏控件标准版演示页面</title>
<link type="text/css" rel="Stylesheet" href="ScreenCapture/ScreenCapture.css" />
<script type="text/javascript" src="ScreenCapture/ScreenCapture.js" charset="utf-8"></script>
</head>
<body>
<div id="ScreenCaptureMessage">
<div id="CaptureMessage">
<img alt="进度图标" src="ScreenCapture/SL_Uploading.gif" /><span>图片上传中...</span><span>10%</span>
</div>
<input id="BtnCapture" type="button" value="截取屏幕区域" />
<input id="BtnCapture2" type="button" value="截取整个屏幕" />
<img id="ScreenImg" alt="截屏图片" style="display: none" />
</div>
<script type="text/javascript" language="javascript">
var scpMgr = new CaptureManager("CaptureMessage");
scpMgr.Config["PostUrl"] = "http://localhost:1830/asp.net/upload.aspx";

window.onload = function()
{
document.getElementById("BtnCapture").attachEvent("onclick", CaptureRect);
document.getElementById("BtnCapture2").attachEvent("onclick", CaptureScreen);
}

//截区域
function CaptureRect()
{
scpMgr.Capture();
}

//截全屏
function CaptureScreen()
{
scpMgr.CaptureScreen();
}
</script>
</body>
</html>
标准版CAB安装包
专业版CAB安装包
ASP.NET标准版示例
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-KindEditor3.x示例
JSP标准版示例
JSP专业版示例
JSP-FCKEditor2.x示例示例
JSP-CKEditor3.x示例
JSP-KindEditor3.x示例
PHP-标准版示例
PHP-专业版示例
[/Quote]
不错~！收下了。

caehonao 2012-11-01

打赏
举报

[Quote=引用楼主的回复:]
搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截……
[/Quote]
如果需要的是QQ邮箱中的截图效果那需要借助于控件来实现。我之前接的一个网站的单子是用的Xproer.ScreenCapture这个控件，你可以搜一下，使用和整合都非常的方便。

caizhu0x 2012-11-01

打赏
举报

[Quote=引用楼主的回复:]
搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截……
[/Quote]
如果你需要类似于163邮箱或者是QQ邮箱或者QQ空间编辑器中的那种Web截图效果，你必须通过控件来实现。网上已经有比较成熟的Web截屏控件，你可以搜一下。

ck0in2gb0oy 2012-11-01

打赏
举报

[Quote=引用楼主的回复:]
搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截……
[/Quote]
楼主试试这个WEB截屏控件：http://www.cnblogs.com/xproer/archive/2010/12/05/1896778.html
与FCKEditor2.x整合

与CKEditor3.x整合

与KindEditor3.x整合

与xhEditor1.x整合

与Discuz!X2整合-常用工具条

与Discuz!X2整合-高级工具条

与Discuz!X2整合-弹出截屏选择窗口

整合示例代码如下：



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>Web截屏控件标准版演示页面</title>

    <link type="text/css" rel="Stylesheet" href="ScreenCapture/ScreenCapture.css" />

    <script type="text/javascript" src="ScreenCapture/ScreenCapture.js" charset="utf-8"></script>

</head>

<body>

	<div id="ScreenCaptureMessage">

		<div id="CaptureMessage">

			<img alt="进度图标" src="ScreenCapture/SL_Uploading.gif" /><span>图片上传中...</span><span>10%</span>

		</div>

		<input id="BtnCapture" type="button" value="截取屏幕区域" />

		<input id="BtnCapture2" type="button" value="截取整个屏幕" />

		<img id="ScreenImg" alt="截屏图片" style="display: none" />

	</div>

	<script type="text/javascript" language="javascript">

		var scpMgr = new CaptureManager("CaptureMessage");

		scpMgr.Config["PostUrl"] = "http://localhost:1830/asp.net/upload.aspx";

		scpMgr.Config["EncodeType"] = "GB2312";



		window.onload = function()

		{

			document.getElementById("BtnCapture").attachEvent("onclick", CaptureRect);

			document.getElementById("BtnCapture2").attachEvent("onclick", CaptureScreen);

		}

		

		//截区域

		function CaptureRect()

		{

			scpMgr.Capture();

		}

		

		//截全屏

		function CaptureScreen()

		{

			scpMgr.CaptureScreen();

		}

	</script>

</body>

</html>

标准版CAB安装包
专业版CAB安装包
ASP.NET标准版示例
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-KindEditor3.x示例
JSP标准版示例
JSP专业版示例
JSP-FCKEditor2.x示例示例
JSP-CKEditor3.x示例
JSP-KindEditor3.x示例
PHP-标准版示例
PHP-专业版示例

h553197407 2012-08-15

打赏
举报

遇到了同样的问题

才才 2012-05-28

打赏
举报

[Quote=引用 1 楼的回复:]
代码
var mainwin = document.getElementById("main-window");
if (!mainwin.getAttribute("xmlns:html"))
mainwin.setAttribute("xmlns:html", "http://www.w3.org/1999/xhtml");

var content = window.conte……
[/Quote]
没实现。content 不存在。

dokd195208 2011-05-20