请问网页如何截图？-CSDN论坛

⋅谁会做Discuz插件吗？请假一个最初级的问题 ⋅SQLSERVER2008安装失败，望高手帮忙！！ ⋅请问，asp.net2008下如何获取项目名称？ 更多帖子 关注私信空间博客 fzn0621 本版专家分：70 结帖率 98.82%: 搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截图。不知道有没有更好的办法。

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

0 2009-07-02 11:01:02

回复数 33 只看楼主引用举报楼主

⋅叶子的留言板

⋅老朋友们，出来冒个泡呀

⋅【贺贴】恭喜DBA_Huangzj结婚+升钻！

更多帖子

关注私信空间博客

叶子

本版专家分：35351

版主

银牌 2012年1月总版技术专家分月排行榜第二

微软MVP 2014年7月荣获微软MVP称号
2013年7月荣获微软MVP称号
2012年7月荣获微软MVP称号
2011年7月荣获微软MVP称号

铜牌 2012年2月总版技术专家分月排行榜第三

红花 2012年11月社区支持大版内专家分月排行榜第一
2012年2月 MS-SQL Server大版内专家分月排行榜第一
2012年1月 MS-SQL Server大版内专家分月排行榜第一
2011年5月挨踢职涯大版内专家分月排行榜第一
2009年6月企业开发大版内专家分月排行榜第一
2009年4月企业开发大版内专家分月排行榜第一: 代码
var mainwin = document.getElementById("main-window");
if (!mainwin.getAttribute("xmlns:html"))
    mainwin.setAttribute("xmlns:html", "http://www.w3.org/1999/xhtml");

var content = window.content
var desth = content.innerHeight + content.scrollMaxY;
var destw = content.innerWidth + content.scrollMaxX;

// Unfortunately there is a limit:
if (desth > 16384) desth = 16384;

var canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "html:canvas");
var ctx = canvas.getContext("2d");

canvas.height = desth;
canvas.width = destw;
ctx.drawWindow(content, 0, 0, destw, desth, "rgb(0,0,0)");
internalSave(canvas.toDataURL("image/jpeg", "quality=80"),
             null,
             "saved_page.jpg",
             null,
             "image/jpeg",
             true,
             null,
             null,
             null,
             false);

如果想保存成PNG
最后一个函数换成

代码
internalSave(canvas.toDataURL(),
              null,
              "saved_page.png",
              null,
              "image/png",
              true,
              null,
              null,
              null,
              false);

代码来源：http://board.mozest.com/thread-23644-1-1

0 2009-07-02 11:23:38

只看TA 引用举报 #1    得分 50

⋅叶子的留言板

⋅老朋友们，出来冒个泡呀

⋅【贺贴】恭喜DBA_Huangzj结婚+升钻！

更多帖子

关注私信空间博客

叶子

本版专家分：35351

版主

银牌 2012年1月总版技术专家分月排行榜第二

微软MVP 2014年7月荣获微软MVP称号
2013年7月荣获微软MVP称号
2012年7月荣获微软MVP称号
2011年7月荣获微软MVP称号

铜牌 2012年2月总版技术专家分月排行榜第三

红花 2012年11月社区支持大版内专家分月排行榜第一
2012年2月 MS-SQL Server大版内专家分月排行榜第一
2012年1月 MS-SQL Server大版内专家分月排行榜第一
2011年5月挨踢职涯大版内专家分月排行榜第一
2009年6月企业开发大版内专家分月排行榜第一
2009年4月企业开发大版内专家分月排行榜第一: 你也可以看看这个

http://download.csdn.net/source/1180046

0 2009-07-02 11:24:43

只看TA 引用举报 #2 得分 10

satan1122 本版专家分：1482: 学习了

0 2009-07-02 12:23:29

只看TA 引用举报 #3 得分 0

⋅怎么设置关联验证规则？ ⋅MVC5 视图中显示另一个网页 ⋅ASP.Net Core 项目包含 net461 更多帖子 关注私信空间博客 别样苍茫 本版专家分：6966: 学习

0 2009-07-02 12:29:17

只看TA 引用举报 #4 得分 0

⋅问一个局域网文件共享和发送的问题 ⋅google图书谁了解如何实现图书显示效果，可以上下拖动类似pdf阅读器 ⋅刚刚哪里是不是又地震了，我在深圳南山区，公司的玻璃差点都碎了，我桌子也皇的厉害！ 更多帖子 关注私信空间博客 wenblue7 本版专家分：2089: 我顶一楼的

0 2009-07-02 12:34:48

只看TA 引用举报 #5 得分 0

⋅今天的帖子很多看不到，又是错误 ⋅郁闷,这几天分值增加了很多又减少好几百分，也没人解释 ⋅MVP 散分 更多帖子 关注私信空间博客 wuyq11 本版专家分：816153 名人 2019年荣获名人称号 2012年荣获名人称号 状元 2010年总版技术专家分年内排行榜第一 2009年总版技术专家分年内排行榜第一 榜眼 2011年总版技术专家分年内排行榜第二 金牌 2011年3月总版技术专家分月排行榜第一 2011年2月总版技术专家分月排行榜第一 2011年1月总版技术专家分月排行榜第一 2010年12月总版技术专家分月排行榜第一 2010年11月总版技术专家分月排行榜第一 2010年10月总版技术专家分月排行榜第一 2010年9月总版技术专家分月排行榜第一 2010年8月总版技术专家分月排行榜第一 2010年7月总版技术专家分月排行榜第一 2010年6月总版技术专家分月排行榜第一 2010年5月总版技术专家分月排行榜第一 2010年3月总版技术专家分月排行榜第一 2010年4月总版技术专家分月排行榜第一 2010年2月总版技术专家分月排行榜第一 2010年1月总版技术专家分月排行榜第一 2009年12月总版技术专家分月排行榜第一 2009年11月总版技术专家分月排行榜第一 2009年10月总版技术专家分月排行榜第一 2009年8月总版技术专家分月排行榜第一 2009年7月总版技术专家分月排行榜第一 2009年6月总版技术专家分月排行榜第一: private WebBrowser _webBrowser;
    protected void Page_Load(object sender, EventArgs e)
    {
        string url = "";
      webBrowser = new WebBrowser();
        _webBrowser.ScrollBarsEnabled = false;
        _webBrowser.Navigate(url);
        _webBrowser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(Completed);

        while (_webBrowser.ReadyState != WebBrowserReadyState.Complete)
        {
            System.Windows.Forms.Application.DoEvents();
        }
    }


    public void Completed(object sender, WebBrowserDocumentCompletedEventArgs e)
    {
        _webBrowser.Width = _webBrowser.Document.Body.ScrollRectangle.Width;
        _webBrowser.Height = _webBrowser.Document.Body.ScrollRectangle.Height;
        using (Bitmap bmp = new Bitmap(_webBrowser.Width, _webBrowser.Height))
        {
            _webBrowser.DrawToBitmap(bmp, new Rectangle(0, 0, bmp.Width, bmp.Height));
            bmp.Save("C:\\Capture.png", ImageFormat.Png);
        }
    }
参考

0 2009-07-02 13:15:45

只看TA 引用举报 #6    得分 35

⋅今天的帖子很多看不到，又是错误 ⋅郁闷,这几天分值增加了很多又减少好几百分，也没人解释 ⋅MVP 散分 更多帖子 关注私信空间博客 wuyq11 本版专家分：816153 名人 2019年荣获名人称号 2012年荣获名人称号 状元 2010年总版技术专家分年内排行榜第一 2009年总版技术专家分年内排行榜第一 榜眼 2011年总版技术专家分年内排行榜第二 金牌 2011年3月总版技术专家分月排行榜第一 2011年2月总版技术专家分月排行榜第一 2011年1月总版技术专家分月排行榜第一 2010年12月总版技术专家分月排行榜第一 2010年11月总版技术专家分月排行榜第一 2010年10月总版技术专家分月排行榜第一 2010年9月总版技术专家分月排行榜第一 2010年8月总版技术专家分月排行榜第一 2010年7月总版技术专家分月排行榜第一 2010年6月总版技术专家分月排行榜第一 2010年5月总版技术专家分月排行榜第一 2010年3月总版技术专家分月排行榜第一 2010年4月总版技术专家分月排行榜第一 2010年2月总版技术专家分月排行榜第一 2010年1月总版技术专家分月排行榜第一 2009年12月总版技术专家分月排行榜第一 2009年11月总版技术专家分月排行榜第一 2009年10月总版技术专家分月排行榜第一 2009年8月总版技术专家分月排行榜第一 2009年7月总版技术专家分月排行榜第一 2009年6月总版技术专家分月排行榜第一: 参考

0 2009-07-02 13:22:21

只看TA 引用举报 #7 得分 0

⋅谁会做Discuz插件吗？请假一个最初级的问题 ⋅SQLSERVER2008安装失败，望高手帮忙！！ ⋅请问，asp.net2008下如何获取项目名称？ 更多帖子 关注私信空间博客 fzn0621 本版专家分：70: 奇怪了，还是WebBrowser，可我引用了这个对象，里面明明没有关键的DrawToBitmap方法啊。问题出在哪里呢？？

0 2009-07-02 15:40:50

只看TA 引用举报 #8 得分 0

⋅C#开发一个飞Q一样功能的网站，除精通C#还要掌据哪些关键技术？ ⋅需要写安卓应用的小号注册机.遇上https怎么抓明文包,重谢! ⋅安卓应用的小号注册机有会的吗?(ssl会话的)...重谢了! 更多帖子 关注私信空间博客 andyqq8 本版专家分：222: 引用 8 楼 fzn0621 的回复:
奇怪了，还是WebBrowser，可我引用了这个对象，里面明明没有关键的DrawToBitmap方法啊。问题出在哪里呢？？

要先项目引用 system.web

0 2009-07-07 12:34:06

只看TA 引用举报 #9 得分 2

⋅请问做一栋楼及里面房间的虚拟现实效果，用什么游戏框架比较简单？ ⋅哪位有PUDN的账号，麻烦帮忙下载个文件 ⋅帖子没人回复，只能损失全部分数按无满意答案结贴？ 更多帖子 关注私信空间博客 cpio 本版专家分：33046: WebBrowser不是Com里面的那个AxWebbrowser，而是工具栏里面自带那个

0 2009-07-07 12:48:17

只看TA 引用举报 #10 得分 3

⋅test 签名+无理由散分 ⋅被挂马了.但是文件没有修改.数据库没被注入..从那下的手?????? ⋅讣告 更多帖子 关注私信空间博客 pdsnet 本版专家分：4977: 收藏!

0 2009-07-07 14:14:55

只看TA 引用举报 #11 得分 0

指间、魔法师 本版专家分：1630: 帮顶

0 2009-07-08 09:03:28

只看TA 引用举报 #12 得分 0

⋅C# 写个简单ActiveX控件在asp.net中不显示 ⋅SmtpClient.SendAync 内部如果实现的 ⋅缓存的问题 更多帖子 关注私信空间博客 erydemimi 本版专家分：121: 引用 12 楼 wanglong7505 的回复:
帮顶
帮顶

0 2010-03-22 17:17:40

只看TA 引用举报 #13 得分 0

a8888java 本版专家分：0: 学习了

0 2010-03-23 07:54:35

只看TA 引用举报 #14 得分 0

零度空间0520 本版专家分：20 版主: xue xi le .....

0 2010-03-23 08:39:49

只看TA 引用举报 #15 得分 0

zy_cl 本版专家分：27: xue xi le .....

0 2010-03-23 09:46:29

只看TA 引用举报 #16 得分 0

bl_song 本版专家分：948: xue xi le .....

0 2010-03-23 09:48:21

只看TA 引用举报 #17 得分 0

tangtang89522 本版专家分：62: 收藏。。。。。。。。。

0 2010-03-23 10:12:24

只看TA 引用举报 #18 得分 0

lrwins 本版专家分：0: 学习支持一下

0 2010-03-23 13:17:24

只看TA 引用举报 #19 得分 0

⋅TAM SSO安装问题 ⋅紫光华宇HR面试 ⋅怎样学习J2EE框架 更多帖子 关注私信空间博客 yava555 本版专家分：0: 这里有一篇很好的文章
http://www.hijava.org/architecture/the-implements-of-page-screenshots

0 2010-04-20 19:52:37

只看TA 引用举报 #20 得分 0

zongwenjun 本版专家分：0: ImageFormat.png 是什么啊

0 2010-05-26 18:29:31

只看TA 引用举报 #22 得分 0

xiaozhi170 本版专家分：0: 学习！~

0 2010-07-07 19:57:07

只看TA 引用举报 #23 得分 0

Binea 本版专家分：124: 谢谢。。。学习了。。

1 2010-07-08 15:42:42

只看TA 引用举报 #24 得分 0

q333111555 本版专家分：395: 收藏

0 2011-02-12 10:36:28

只看TA 引用举报 #25 得分 0

ensoenso920 本版专家分：0: 想了很久都没解决，希望能解决这个问题

0 2011-05-13 10:23:15

只看TA 引用举报 #26 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 dokd195208 本版专家分：0: 截图程序主要就是显示用户的绘图区域，然后用户点击时候实现绘出用户所选区域。绘图的区域框可以用DIV来显示。实现原理，div遮盖层遮盖页面，记录鼠标点下和松开坐标，通过计算算出绘图层位置。
实现图片保存功能，在绘图区域双击保存图片

0 2011-05-20 21:20:55

只看TA 引用举报 #27 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 才才 本版专家分：10: 引用 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……

没实现。content  不存在。

0 2012-05-28 13:03:16

只看TA 引用举报 #28    得分 0

h553197407 本版专家分：0: 遇到了同样的问题

0 2012-08-15 16:45:44

只看TA 引用举报 #29 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 ck0in2gb0oy 本版专家分：10

引用楼主的回复:

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

楼主试试这个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-专业版示例

0 2012-11-01 17:24:03

只看TA 引用举报 #30 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 caizhu0x 本版专家分：55: 引用楼主的回复:
搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截……

如果你需要类似于163邮箱或者是QQ邮箱或者QQ空间编辑器中的那种Web截图效果，你必须通过控件来实现。网上已经有比较成熟的Web截屏控件，你可以搜一下。

0 2012-11-01 17:25:45

只看TA 引用举报 #31 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 caehonao 本版专家分：75: 引用楼主的回复:
搜索了很多相关文章看，基本上都在说用WebBrowser组件，但关键WebBrowser内的一个方法DrawToBitmap，我添加了这个组件后竟然找不到。是不是和IE版本有关系？还是vs.net版本？我是IE6，VS.NET2003。。
因为我要做的是在服务器端生成一个文章内容的缩略图（和兴奋校园网差不多），直接绘制发现HTML代码无法应用。所以我想大概需要浏览器来解析这些HTML代码，然后截……

如果需要的是QQ邮箱中的截图效果那需要借助于控件来实现。我之前接的一个网站的单子是用的Xproer.ScreenCapture这个控件，你可以搜一下，使用和整合都非常的方便。

0 2012-11-01 17:29:19

只看TA 引用举报 #32 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 bqiume 本版专家分：55: 引用 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-专业版示例

不错~！收下了。

0 2012-11-01 17:31:24

只看TA 引用举报 #33    得分 0

请问网页如何截图？ [问题点数：100分，结帖人fzn0621]