c# 实现网页加载后将页面截取为长图片

背景

最近再做一个需求,需要对网页生成预览图,如下图

但是网页千千万,总不能一个个打开,截图吧;于是想着能不能使用代码来实现网页的截图。其实要实现这个功能,无非就是要么实现一个仿真浏览器,要么调用系统浏览器,再进行截图操作。

代码实现

1、启用线程Thread

void startPrintScreen(ScreenShotParam requestParam)
  {
   Thread thread = new Thread(new ParameterizedThreadStart(do_PrintScreen));
   thread.SetApartmentState(ApartmentState.STA);
   thread.Start(requestParam);
   if (requestParam.Wait)
   {
    thread.Join();
    FileInfo result = new FileInfo(requestParam.SavePath);
    long minSize = 1 * 1024;// 太小可能是空白圖,重抓
    int maxRepeat = 2;
    while ((!result.Exists || result.Length <= minSize) && maxRepeat > 0)
    {
     thread = new Thread(new ParameterizedThreadStart(do_PrintScreen));
     thread.SetApartmentState(ApartmentState.STA);
     thread.Start(requestParam);
     thread.Join();
     maxRepeat--;
    }
   }
  }

2、模拟浏览器WebBrowser

void do_PrintScreen(object param)
  {
   try
   {
    ScreenShotParam screenShotParam = (ScreenShotParam)param;
    string requestUrl = screenShotParam.Url;
    string savePath = screenShotParam.SavePath;
    WebBrowser wb = new WebBrowser();
    wb.ScrollBarsEnabled = false;
    wb.ScriptErrorsSuppressed = true;
    wb.Navigate(requestUrl);
    logger.Debug("wb.Navigate");
    DateTime startTime = DateTime.Now;
    TimeSpan waitTime = new TimeSpan(0, 0, 0, 10, 0);// 10 second
    while (wb.ReadyState != WebBrowserReadyState.Complete)
    {
     Application.DoEvents();
     if (DateTime.Now - startTime > waitTime)
     {
      wb.Dispose();
      logger.Debug("wb.Dispose() timeout");
      return;
     }
    }

    wb.Width = screenShotParam.Left + screenShotParam.Width + screenShotParam.Left; // wb.Document.Body.ScrollRectangle.Width (避掉左右側的邊線);
    wb.Height = screenShotParam.Top + screenShotParam.Height; // wb.Document.Body.ScrollRectangle.Height;
    wb.ScrollBarsEnabled = false;
    wb.Document.Body.Style = "overflow:hidden";//hide scroll bar
    var doc = (wb.Document.DomDocument) as mshtml.IHTMLDocument2;
    var style = doc.createStyleSheet("", 0);
    style.cssText = @"img { border-style: none; }";

    Bitmap bitmap = new Bitmap(wb.Width, wb.Height);
    wb.DrawToBitmap(bitmap, new Rectangle(0, 0, wb.Width, wb.Height));
    wb.Dispose();
    logger.Debug("wb.Dispose()");

    bitmap = CutImage(bitmap, new Rectangle(screenShotParam.Left, screenShotParam.Top, screenShotParam.Width, screenShotParam.Height));
    bool needResize = screenShotParam.Width > screenShotParam.ResizeMaxWidth || screenShotParam.Height > screenShotParam.ResizeMaxWidth;
    if (needResize)
    {
     double greaterLength = bitmap.Width > bitmap.Height ? bitmap.Width : bitmap.Height;
     double ratio = screenShotParam.ResizeMaxWidth / greaterLength;
     bitmap = Resize(bitmap, ratio);
    }

    bitmap.Save(savePath, System.Drawing.Imaging.ImageFormat.Gif);
    bitmap.Dispose();
    logger.Debug("bitmap.Dispose();");
    logger.Debug("finish");

   }
   catch (Exception ex)
   {
    logger.Info($"exception: {ex.Message}");
   }
  }

3、截图操作

private static Bitmap CutImage(Bitmap source, Rectangle section)
  {
   // An empty bitmap which will hold the cropped image
   Bitmap bmp = new Bitmap(section.Width, section.Height);
   //using (Bitmap bmp = new Bitmap(section.Width, section.Height))
   {
    Graphics g = Graphics.FromImage(bmp);

    // Draw the given area (section) of the source image
    // at location 0,0 on the empty bitmap (bmp)
    g.DrawImage(source, 0, 0, section, GraphicsUnit.Pixel);

    return bmp;
   }
  }

  private static Bitmap Resize(Bitmap originImage, Double times)
  {
   int width = Convert.ToInt32(originImage.Width * times);
   int height = Convert.ToInt32(originImage.Height * times);

   return ResizeProcess(originImage, originImage.Width, originImage.Height, width, height);
  }

完整代码

public static string ScreenShotAndSaveAmazonS3(string account, string locale, Guid rule_ID, Guid template_ID)
  {

   //新的Template
   var url = string.Format("https://xxxx/public/previewtemplate?showTemplateName=0&locale={0}&inputTemplateId={1}&inputThemeId=&Account={2}",
    locale,
    template_ID,
    account
    );

   var tempPath = Tools.GetAppSetting("TempPath");

   //路徑準備
   var userPath = AmazonS3.GetS3UploadDirectory(account, locale, AmazonS3.S3SubFolder.Template);
   var fileName = string.Format("{0}.gif", template_ID);
   var fullFilePath = Path.Combine(userPath.LocalDirectoryPath, fileName);
   logger.Debug("userPath: {0}, fileName: {1}, fullFilePath: {2}, url:{3}", userPath, fileName, fullFilePath, url);

   //開始截圖,並暫存在本機
   var screen = new Screen();
   screen.ScreenShot(url, fullFilePath);

   //將截圖,儲存到 Amazon S3
   //var previewImageUrl = AmazonS3.UploadFile(fullFilePath, userPath.RemotePath + fileName);

   return string.Empty;
  }
using System;
using System.Collections.Generic;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace PrintScreen.Common
{
 public class Screen
 {
  protected static NLog.Logger logger = NLog.LogManager.GetCurrentClassLogger();

  public void ScreenShot(string url, string path
   , int width = 400, int height = 300
   , int left = 50, int top = 50
   , int resizeMaxWidth = 200, int wait = 1)
  {
   if (!string.IsNullOrEmpty(url) && !string.IsNullOrEmpty(path))
   {
    ScreenShotParam requestParam = new ScreenShotParam
    {
     Url = url,
     SavePath = path,
     Width = width,
     Height = height,
     Left = left,
     Top = top,
     ResizeMaxWidth = resizeMaxWidth,
     Wait = wait != 0
    };
    startPrintScreen(requestParam);
   }
  }

  void startPrintScreen(ScreenShotParam requestParam)
  {
   Thread thread = new Thread(new ParameterizedThreadStart(do_PrintScreen));
   thread.SetApartmentState(ApartmentState.STA);
   thread.Start(requestParam);
   if (requestParam.Wait)
   {
    thread.Join();
    FileInfo result = new FileInfo(requestParam.SavePath);
    long minSize = 1 * 1024;// 太小可能是空白圖,重抓
    int maxRepeat = 2;
    while ((!result.Exists || result.Length <= minSize) && maxRepeat > 0)
    {
     thread = new Thread(new ParameterizedThreadStart(do_PrintScreen));
     thread.SetApartmentState(ApartmentState.STA);
     thread.Start(requestParam);
     thread.Join();
     maxRepeat--;
    }
   }
  }

  void do_PrintScreen(object param)
  {
   try
   {
    ScreenShotParam screenShotParam = (ScreenShotParam)param;
    string requestUrl = screenShotParam.Url;
    string savePath = screenShotParam.SavePath;
    WebBrowser wb = new WebBrowser();
    wb.ScrollBarsEnabled = false;
    wb.ScriptErrorsSuppressed = true;
    wb.Navigate(requestUrl);
    logger.Debug("wb.Navigate");
    DateTime startTime = DateTime.Now;
    TimeSpan waitTime = new TimeSpan(0, 0, 0, 10, 0);// 10 second
    while (wb.ReadyState != WebBrowserReadyState.Complete)
    {
     Application.DoEvents();
     if (DateTime.Now - startTime > waitTime)
     {
      wb.Dispose();
      logger.Debug("wb.Dispose() timeout");
      return;
     }
    }

    wb.Width = screenShotParam.Left + screenShotParam.Width + screenShotParam.Left; // wb.Document.Body.ScrollRectangle.Width (避掉左右側的邊線);
    wb.Height = screenShotParam.Top + screenShotParam.Height; // wb.Document.Body.ScrollRectangle.Height;
    wb.ScrollBarsEnabled = false;
    wb.Document.Body.Style = "overflow:hidden";//hide scroll bar
    var doc = (wb.Document.DomDocument) as mshtml.IHTMLDocument2;
    var style = doc.createStyleSheet("", 0);
    style.cssText = @"img { border-style: none; }";

    Bitmap bitmap = new Bitmap(wb.Width, wb.Height);
    wb.DrawToBitmap(bitmap, new Rectangle(0, 0, wb.Width, wb.Height));
    wb.Dispose();
    logger.Debug("wb.Dispose()");

    bitmap = CutImage(bitmap, new Rectangle(screenShotParam.Left, screenShotParam.Top, screenShotParam.Width, screenShotParam.Height));
    bool needResize = screenShotParam.Width > screenShotParam.ResizeMaxWidth || screenShotParam.Height > screenShotParam.ResizeMaxWidth;
    if (needResize)
    {
     double greaterLength = bitmap.Width > bitmap.Height ? bitmap.Width : bitmap.Height;
     double ratio = screenShotParam.ResizeMaxWidth / greaterLength;
     bitmap = Resize(bitmap, ratio);
    }

    bitmap.Save(savePath, System.Drawing.Imaging.ImageFormat.Gif);
    bitmap.Dispose();
    logger.Debug("bitmap.Dispose();");
    logger.Debug("finish");

   }
   catch (Exception ex)
   {
    logger.Info($"exception: {ex.Message}");
   }
  }

  private static Bitmap CutImage(Bitmap source, Rectangle section)
  {
   // An empty bitmap which will hold the cropped image
   Bitmap bmp = new Bitmap(section.Width, section.Height);
   //using (Bitmap bmp = new Bitmap(section.Width, section.Height))
   {
    Graphics g = Graphics.FromImage(bmp);

    // Draw the given area (section) of the source image
    // at location 0,0 on the empty bitmap (bmp)
    g.DrawImage(source, 0, 0, section, GraphicsUnit.Pixel);

    return bmp;
   }
  }

  private static Bitmap Resize(Bitmap originImage, Double times)
  {
   int width = Convert.ToInt32(originImage.Width * times);
   int height = Convert.ToInt32(originImage.Height * times);

   return ResizeProcess(originImage, originImage.Width, originImage.Height, width, height);
  }

  private static Bitmap ResizeProcess(Bitmap originImage, int oriwidth, int oriheight, int width, int height)
  {
   Bitmap resizedbitmap = new Bitmap(width, height);
   //using (Bitmap resizedbitmap = new Bitmap(width, height))
   {
    Graphics g = Graphics.FromImage(resizedbitmap);
    g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
    g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
    g.Clear(Color.Transparent);
    g.DrawImage(originImage, new Rectangle(0, 0, width, height), new Rectangle(0, 0, oriwidth, oriheight), GraphicsUnit.Pixel);
    return resizedbitmap;
   }
  }

 }

 class ScreenShotParam
 {
  public string Url { get; set; }
  public string SavePath { get; set; }
  public int Width { get; set; }
  public int Height { get; set; }
  public int Left { get; set; }
  public int Top { get; set; }
  /// <summary>
  /// 長邊縮到指定長度
  /// </summary>
  public int ResizeMaxWidth { get; set; }
  public bool Wait { get; set; }
 }

}

效果

以上就是c# 实现网页加载后将页面截取为长图片的详细内容,更多关于c# 页面截取为图片的资料请关注我们其它相关文章!

时间: 2021-01-12

C#实现的滚动网页截图功能示例

本文实例讲述了C#实现的滚动网页截图功能.分享给大家供大家参考,具体如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespace WindowsFormsApplic

C# 实现截图软件功能实例代码

本文是利用C# 开发截图软件的小例子,以供学习分享使用. 思路: 截取屏幕图片. 获取要截取的范围,即左上角,右下角坐标 填充到PictureBox中. 笔触功能,荧光笔,矩形,橡皮擦,复制,保存功能 涉及的知识点: MenuStrip:为窗体提供菜单系统.以ToolStripMenuItem为菜单子选项 ToolStrip:为 Windows 工具栏对象提供容器.以ToolStripButton[表示包含文本和图像的可选]为工具栏子元素 PictureBox:表示用于显示图像的 Windows

C# 实现QQ式截图功能实例代码

这个功能一共有两部分组成,第一部分是窗体代码,另外的一部分是一个辅助方法.直接贴出代码,以供大家参考: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.D

解决C# 截取当前程序窗口指定位置截图的实现方法

要想完成这个功用,首先要了解一下在C#中如何调用API(利用程序交口)函数.固然在.Net框架中已经降求了很多类库,400电话,这些类库的功效也非常强盛,但关于一些Windows顶层编程来道,仍是要通过调用这些API函数才可以实现.一切API皆在"Kernel"."User "和"GDI"三个库中得以运转:其中"Kernel",他的库名为 "KERNEL32.DLL", 他重要用于发生取操做体系之间的联系关

C#实现网页截图功能

网页截图是很常见的实用功能,今天就为大家共享一个实现浏览器截图的代码,主要程序代码如下所示: private void Form_Load(object sender, EventArgs e) { //接收web url string colle = string.Empty; string url = string.Empty; //获取进程调用传入的命令 string[] args = Environment.GetCommandLineArgs(); string[] args = ne

C# 实现SDL2进行视频播放窗口截图和字幕添加

使用SDL2进行视频播放窗口截图和字幕添加操作 SDL API查看:https://wiki.libsdl.org/APIByCategory 视频截图 我就废话不多说了,大家还是直接看代码吧~ /// <summary> /// SDL2截图操作类 /// </summary> public unsafe class SDLScreenshot { IntPtr window;// 窗口对象 IntPtr renderer;// 播放窗口的渲染器(来自于已初始化的播放窗口渲染器)

C#实现QQ截图功能及相关问题

对于QQ截图,肯定是早就有认识了,只是一直没有去认真观察这个操作的具体实现步骤.所以这里将自己的记忆中的步骤简单的写一下: 习惯性用QQ或者TIM的人,一般是使用Ctrl+Alt+A  快捷键(热键)快速实现截图. Ctrl+Alt+A  进入截图模式 鼠标左键点击 鼠标拖动对截图去进行选取 鼠标左键弹起 双击截图区域  保存图片到剪贴板 鼠标右键点击 退出截图模式 因为考虑到截图模式的时候  一般只能显示一个窗体  所以就考虑使用单例模式  在ScreenBody窗体中实现以下代码 1:创建单

C#实现属于自己的QQ截图工具

下面就具体介绍下实现截图工具的实现思路. 为了让大家更清楚地知道如何去实现自己的截图工具,首先我来描述下截图的一个过程--我们使用QQ的截图工具和Windows 自带的截图工具都可以发现,当我们点击QQ窗体中的截图按钮时,此时我们将看到一个全屏图片,然后我们可以在其上截图,当鼠标左键按下时,即代表开始截图,并我们可以移动鼠标来改变截图的大小,鼠标弹起时即代表结束截图,此时我们可以双击矩形区域完全截图,并且可以通过粘贴操作把截取的图片粘贴到聊天窗口的发送区,鼠标右键点击则是退出截图.这样我们截图的

python采集博客中上传的QQ截图文件

哎,以前写博文的时候没注意,有些图片用QQ来截取,获得的图片文件名都是类似于QQ截图20120926174732-300×15.png的形式,昨天用ftp备份网站文件的时候发现,中文名在flashfxp里面显示的是乱码的,看起来好难受,所以写了一个python小脚本,爬取整个网站,然后获取每个文章页面的图片名,并判断如果是类似于QQ截图20120926174732-300×15.png的形式就输出并将该图片地址和对应的文章地址保存在文件中,然后通过该文件来逐个修改. 好了,下面是程序代码: im

命令行下的2款网页截图工具推荐

现在很多浏览器或浏览器工具栏.插件都提供网页截图的功能,不过大多数都需要鼠标或键盘手工操作,而不能通过命令行自动化完成.有时我们可能需要每天定时对某些网页截图,或者批量地对多个URL截图,这时这些的需要手工操作的截图工具或插件就有一点不够用了.不过幸运的是,有一些免费的可以通过命令行方式操作的网页截屏软件或浏览器插件可以帮我们解决这个问题,下面介绍两款我经常使用的. 第一款是IECapt,官方主页在 http://iecapt.sourceforge.net/ ,这是一个免费开源的软件,有C++

javascript实现粘贴qq截图功能(clipboardData)

这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图.旺旺截图或者其它截图软件.具体代码如下. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>利用 clipboardData 在网页中实现截屏粘贴的功能</title> <

原生js基于canvas实现一个简单的前端截图工具代码实例

这篇文章主要介绍了原生js基于canvas实现一个简单的前端截图工具代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 先看效果 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{

Ubuntu 18.04中截图工具shutter的编辑按钮不可用的解决办法

Shutter是一个由第三方提供的在Ubuntu上运行的截图工具,相对于系统自带的截图工具(默认可通过Ctrl + Shift + Print快捷键启动截图),最大的优点就是可以即时对图片进行编辑,在图片上做一些标记和文字标注等,使用起来很方便.在Ubuntu 16.04上,该软件运行一切正常,当将操作系统升级到18.04之后,启动Shutter后你会发现原先的编辑按钮不可用了.点击编辑按钮,提示说缺少libgoo-canvas-perl库.看来我们不得不手动将该软件所依赖的库装一遍了. 按照以

Unity实现全屏截图以及QQ截图

本文实例为大家分享了Unity实现全屏截图.Unity实现QQ截图,供大家参考,具体内容如下 全屏截图:要实现的是点击鼠标左键,就实现截图,并且将所截图片保存到本地Assets目录下的StreamingAssets文件夹下面. 代码如下: using UnityEngine; using System.Collections; public class TakeScreenShot : MonoBehaviour { void Update () { //点击鼠标左键 if (Input.Get

unity实现QQ截图功能

本文实例为大家分享了unity实现QQ截图功能的具体代码,供大家参考,具体内容如下 效果: 代码如下: using System.Collections; using System.Collections.Generic; using System.Text.RegularExpressions; using UnityEngine; using NPinyin; using System.IO; public class NewBehaviourScript : MonoBehaviour {

jcrop 网页截图工具(插件)开发

今天给大家介绍一下一个web 中经常会用到的截图(如:头像等)工具: Jcrop演示 项目结构: 效果图: 这个很有用: 看到这些,大家也想自己试试吧 =========================================== 代码部分: =========================================== 准备工作: 下载:Jcrop-0.9.10 (zip format) 解压后放入到你的项目里面,就如上面的项目结构一样... /Jcrop/WebContent