快捷導(dǎo)航

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

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

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

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

Free Spire.Doc 簡(jiǎn)介

核心優(yōu)勢(shì)：

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

零依賴：無(wú)需安裝Microsoft Office

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

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

安裝：

通過(guò)NuGet安裝Free Spire.Doc

Install-Package FreeSpire.Doc

場(chǎng)景1：通過(guò)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對(duì)象中
            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)換處理：通過(guò) SaveToImages() 方法將HTML文件轉(zhuǎn)換為圖片，轉(zhuǎn)換結(jié)果以 Image[] 數(shù)組形式返回，適合處理多頁(yè)文檔；

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

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

效果圖：

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

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

如果需要將動(dòng)態(tài)生成的 HTML 字符串（如從數(shù)據(jù)庫(kù)或 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"">這是一段通過(guò)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)容為單頁(yè)，如需分頁(yè)可參考上文邏輯）
            Image images = document.SaveToImages(0, ImageType.Bitmap);
            images.Save("HTML字符串轉(zhuǎn)圖片.jpg", ImageFormat.Jpeg);



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

簡(jiǎn)單示例圖：

注意事項(xiàng)：

HTML 格式規(guī)范：確保 HTML 字符串包含完整的 <html>、<head>、<body>等標(biāo)簽，否則可能導(dǎo)致樣式解析失?。?/p>

樣式支持：Free Spire.Doc 支持大部分 CSS 樣式，但復(fù)雜動(dòng)畫或 JavaScript 效果可能無(wú)法完全渲染（因其不依賴瀏覽器引擎）；

中文顯示：若 HTML 包含中文，需確保運(yùn)行環(huán)境已安裝相應(yīng)字體（或在 CSS 中指定通用字體如 font-family: ""Microsoft YaHei"", sans-serif;）。

將HTML轉(zhuǎn)換為其他圖片格式

若需將 HTML 轉(zhuǎn)換為 JPG、BMP、GIF 等其他圖片格式，只需修改 Image.Save 方法中的 ImageFormat 參數(shù)即可。

Free Spire.Doc for .NET 為.NET 開(kāi)發(fā)者提供了簡(jiǎn)單高效的 HTML 轉(zhuǎn)圖片的解決方案，無(wú)論是本地 HTML 文檔還是動(dòng)態(tài)生成的 HTML 字符串，均可通過(guò)簡(jiǎn)單代碼完成轉(zhuǎn)換。

以上就是C#實(shí)現(xiàn)將HTML文檔和HTML字符串轉(zhuǎn)換為圖片的詳細(xì)內(nèi)容，更多關(guān)于C# HTML轉(zhuǎn)圖片的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: