快捷導(dǎo)航

C# 使用 WebBrowser 實(shí)現(xiàn) HTML 轉(zhuǎn)圖片功能的示例代碼

更新時(shí)間：2020年07月04日 16:58:49 作者：Soar、毅

這篇文章主要介紹了C# 如何使用 WebBrowser 實(shí)現(xiàn) HTML 轉(zhuǎn)圖片功能，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下

在 .NET 平臺(tái)上，我們有多種方式可以將一段 HTML 文本轉(zhuǎn)換為一張圖片：HTML Renderer、SelectPdf 、Aspose.Html 等。

在 WinForm 程序中，每一個(gè) System.Windows.Forms.Control 的派生類型均包含一個(gè)名為 DrawToBitmap 的方法，該方法可以將控件繪制到一張圖片上。WebBrowser 具備顯示 HTML 的功能，又因?yàn)槠鋸?Control 類型派生，所以包含 DrawToBitmap 方法。我們只需將要在 WebBrowser 上加載要展示的 HTML 并在其 DocumentCompleted 事件中繪制圖片即可：

public static async Task<Image> HtmlToImage(String html, int width = 1024, int height = 768)
{
  var taskCompletionSource = new TaskCompletionSource<Image>();
  var thread = new Thread(() =>
  {
    using var browser = new WebBrowser
    {
      Width = width,
      Height = height,
      ScrollBarsEnabled = false
    };
    browser.DocumentCompleted += (s, e) =>
    {
      var b = s as WebBrowser;
      if (b == null)
      {
        return;
      }
      var bmp = new Bitmap(b.Width, b.Height);
      b.DrawToBitmap(bmp, new Rectangle(0, 0, b.Width, b.Height));
      taskCompletionSource.SetResult(bmp);
      Application.ExitThread();
    };
    browser.DocumentText = html;
    Application.Run();
  });
  thread.SetApartmentState(ApartmentState.STA);
  thread.Start();
  return await taskCompletionSource.Task;
}

以上代碼參考了：Stack Overflow ，筆者將其改造為異步方法并增加了必要的釋放功能。在 LINQPad 中測(cè)試效果如下：

該方式的優(yōu)點(diǎn)：

簡(jiǎn)單易用。
支持最新的 .NET Core 環(huán)境。
無(wú)需引用第三方類庫(kù)，沒(méi)有版權(quán)和安全性風(fēng)險(xiǎn)，安全且免費(fèi)。
支持從互聯(lián)網(wǎng)上加載內(nèi)容。

該方式的缺點(diǎn)：

雖然支持 .NET Core ，但以上代碼不能跨平臺(tái)使用。
WebBrowser 控件基于 IE 瀏覽器并受宿主操作系統(tǒng)影響，要求被呈現(xiàn)的網(wǎng)頁(yè)具備較高的兼容性。

使用 IE8+ 版本進(jìn)行渲染

筆者在實(shí)際工作中使用到了部分 CSS3 屬性，默認(rèn)情況下 WebBrowser 使用低版本的 IE 瀏覽器渲染網(wǎng)頁(yè)，這會(huì)導(dǎo)致部分網(wǎng)頁(yè)效果不生效，比如隔行變色效果。除了修改注冊(cè)表，我們?nèi)钥梢酝ㄟ^(guò)在網(wǎng)頁(yè)中加入 meta 標(biāo)簽的方式告知 WebBrowser 使用高版本的 IE 瀏覽器進(jìn)行渲染，僅需將以下代碼復(fù)制至 HTML 的 head 標(biāo)簽內(nèi)即可：

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

以上就是C# 使用 WebBrowser 實(shí)現(xiàn) HTML 轉(zhuǎn)圖片功能的實(shí)例代碼的詳細(xì)內(nèi)容，更多關(guān)于C# WebBrowser 實(shí)現(xiàn) HTML 轉(zhuǎn)圖片的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: