快捷導(dǎo)航

C#實現(xiàn)將HTML文檔和HTML字符串轉(zhuǎn)換為圖片

更新時間：2025年06月03日 08:08:44 作者：Eiceblue

在.NET開發(fā)中,將HTML內(nèi)容轉(zhuǎn)換為圖片的需求廣泛存在于報告生成,郵件內(nèi)容存檔,網(wǎng)頁快照等場景,下面我們就來看看HTML文檔和字符串轉(zhuǎn)圖片兩種場景的轉(zhuǎn)換方案吧

在.NET開發(fā)中，將HTML內(nèi)容轉(zhuǎn)換為圖片的需求廣泛存在于報告生成、郵件內(nèi)容存檔、網(wǎng)頁快照等場景。Free Spire.Doc for .NET作為一款免費的專業(yè)文檔處理庫，無需Microsoft Word依賴，即可輕松實現(xiàn)這一功能。本文將深入解析HTML文檔和字符串轉(zhuǎn)圖片兩種場景的轉(zhuǎn)換方案！

Free Spire.Doc 簡介

核心優(yōu)勢：

100%免費：社區(qū)版可免費用于個人和商業(yè)用途（有頁數(shù)限制）

零依賴：無需安裝Microsoft Office

高質(zhì)量輸出：支持PNG/JPEG/BMP等主流格式

簡單API，幾行代碼即可完成轉(zhuǎn)換

安裝：

通過NuGet安裝Free Spire.Doc

Install-Package FreeSpire.Doc

場景1：通過C#將HTML文件轉(zhuǎn)換為PNG圖片（完整示例）

以下是將本地 HTML 文檔轉(zhuǎn)換為 PNG 圖片的完整代碼示例：

using Spire.Doc;
using Spire.Doc.Documents;
using System.Drawing;
using System.Drawing.Imaging;

namespace ConvertHtmlFileToPng
{
    class Program
    {
        static void Main(string[] args)
        {
            // 將HTML文件加載到Document對象中
            Document document = new Document();
            document.LoadFromFile("示例.html", FileFormat.Html, XHTMLValidationType.None);

            // 將HTML文件轉(zhuǎn)換為圖片
            Image[] images = document.SaveToImages(ImageType.Bitmap);

            // 將圖片保存為PNG格式
            for (int index = 0; index < images.Length; index++)
            {
                images[index].Save("圖片\\圖_{0}.png", ImageFormat.Png);

            }

            // 釋放資源
            document.Dispose();
        }
    }
}

代碼解析:

加載文檔：使用 LoadFromFile 方法加載 HTML 文件，指定格式為 FileFormat.Html；

轉(zhuǎn)換處理：通過 SaveToImages() 方法將HTML文件轉(zhuǎn)換為圖片，轉(zhuǎn)換結(jié)果以 Image[] 數(shù)組形式返回，適合處理多頁文檔；

圖片處理：使用 ImageFormat 指定輸出格式；

資源管理：最后調(diào)用了 Dispose() 方法釋放文檔對象資源。

效果圖：

場景2：通過C#將HTML字符串轉(zhuǎn)換為JPG圖片

動態(tài)內(nèi)容處理

如果需要將動態(tài)生成的 HTML 字符串（如從數(shù)據(jù)庫或 API 獲取的內(nèi)容）轉(zhuǎn)換為圖片，可使用以下代碼：

using Spire.Doc;
using Spire.Doc.Documents;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

namespace ConvertHtmlStringToPng
{
    class Program
    {
        static void Main(string[] args)
        {
            // 創(chuàng)建HTML字符串（示例）
            string htmlString = @"
        <html>
        <head>
            <style>
                body { font-family: Arial, sans-serif; margin: 20px; }
                .title { color: #333; font-size: 24px; font-weight: bold; }
                .content { color: #666; margin-top: 10px; }
            </style>
        </head>
        <body>
            <div class=""title"">HTML字符串轉(zhuǎn)換示例</div>
            <div class=""content"">這是一段通過Free Spire.Doc轉(zhuǎn)換為圖片的HTML內(nèi)容。</div>
        </body>
        </html>
        ";
            // 創(chuàng)建Word文檔
            Document document = new Document();

            // 將Html字符串添加到Word中
            Paragraph paragraph = document.AddSection().AddParagraph();
            paragraph.AppendHTML(htmlString);

            // 將Html字符轉(zhuǎn)換為圖片（此處假設(shè)HTML內(nèi)容為單頁，如需分頁可參考上文邏輯）
            Image images = document.SaveToImages(0, ImageType.Bitmap);
            images.Save("HTML字符串轉(zhuǎn)圖片.jpg", ImageFormat.Jpeg);



            // 釋放資源
            document.Dispose();
        }
    }
}

簡單示例圖：