HTML 文件經常在 Internet 上使用。隨後,Aspose.HTML for .NET API 支持很多功能來處理 HTML 文件格式。在本文中,您將學習如何在 C# 中將 HTML 轉換為圖像。您可以將 HTML 網頁呈現為 JPG、PNG、BMP、GIF 和其他流行的圖像格式,如以下標題所述:

首先,讓我們檢查基本的 HTML 文件,其中包含一些文本和圖像,我們將在這些示例中將其用作輸入文件。

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
  color: black;
}
</style>
</head>
<body>
<h2>Welcome to HTML to Image C# Test Conversion</h2>
<p></p>
<img src="HTML to Image.png" alt="HTML to Image" style="width:300px">
</body>
</html>

在 C# 中將 HTML 轉換為 JPG 圖片

您可以在 .NET 應用程序中使用 C# 語言將 HTML 轉換為 JPG 圖像。 API 支持多種功能來獲取具有不同變化的輸出。例如,您可以設置輸出圖像的大小以及輸出圖像中所需的任何背景顏色。

您需要按照以下步驟在 C# 中將 HTML 轉換為 JPG 圖片:

  1. 使用 ImageSaveOptions 類初始化圖像渲染選項
  2. 設置頁面大小或背景顏色
  3. 在 C# 中將 HTML 轉換為 JPG

此外,以下代碼顯示瞭如何在 C# 中將 HTML 轉換為 JPG 圖像:

        // 將頁面大小設置為 7x7 英寸並將背景顏色更改為淺灰色
        var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg)
        {
            PageSetup =
{
    AnyPage = new Aspose.Html.Drawing.Page()
    {
        Size = new Aspose.Html.Drawing.Size(Aspose.Html.Drawing.Length.FromInches(7), Aspose.Html.Drawing.Length.FromInches(7))
    }
},
            BackgroundColor = System.Drawing.Color.LightGray,
        };
        // 調用 ConvertHTML 將“document.html”轉換為 jpeg 圖像
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

此外,讓我們看一下生成的輸出 JPG 圖像:

HTML 到 JPG 圖像 C#

此外,您可以從屬性中註意到圖像的背景顏色和大小。分辨率為 300dpi,因此圖像的寬度和長度為 2100,因為它的長度和寬度均為 7 英寸。

在 C# 中將 HTML 轉換為 PNG 圖像

PNG 圖像文件是比 JPG 圖像更高級的文件。例如,與 JPG 圖像不同,它們可以具有透明背景。因此,有時最好將 HTML 轉換為 PNG 圖像,因為它是一種流行且兼容的文件格式。

您可以按照以下步驟在 C# 中將 HTML 轉換為 PNG:

  1. 加載輸入 HTML 文件
  2. 初始化 ImageSaveOptions 類的一個對象
  3. 在 C# 中將 HTML 轉換為 PNG 圖像

以下代碼片段顯示瞭如何在 C# 中將 HTML 文件轉換為 PNG 圖像:

// 從 html 文件初始化 HTML 文檔
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// 初始化 ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// 將 HTML 轉換為 PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

在 C# 中將 HTML 轉換為 BMP 圖片

您可以使用 ImageFormat.Bmp 屬性在 C# 中將 HTML 轉換為 BMP 圖像。同樣,您應該按照以下步驟進行轉換:

  1. 加載 HTML 文件
  2. 使用 BMP ImageFormat 設置屬性
  3. 使用 Converter 類執行轉換

以下代碼顯示瞭如何在 C# 中將 HTML 轉換為 BMP 圖像:

// 從 html 文件初始化 HTML 文檔
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // 初始化 ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // 將 HTML 轉換為 BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

在 C# 中將 HTML 轉換為 GIF 圖片

C# 中的 HTML 到 GIF 圖像轉換是 API 的一個重要特性。您可以通過以下步驟轉換文件:

  1. 加載輸入 HTML 文檔
  2. 使用 GIF ImageFormat 指定 ImageSaveOptions
  3. C#中調用ConvertHTML方法將HTML轉為GIF圖片

下面的代碼顯示瞭如何在 .NET 應用程序中使用 C# 將 HTML 轉換為 GIF 圖像:

// 從 html 文件初始化 HTML 文檔
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // 初始化 ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // 將 HTML 轉換為 GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

結論

總而言之,我們已經了解瞭如何在 .NET 應用程序中使用 C# 將 HTML 轉換為 JPG、PNG、BMP 和 GIF。將 HTML 轉換為這些圖像格式是 Aspose.HTML for .NET API 最重要的功能之一。此外,轉換或渲染結果具有最高的保真度和效率。這就是為什麼該 API 最適合轉換、編輯或操作 HTML 文件的原因。此外,我們期待您的回音。如需任何幫助,請隨時通過 免費支持論壇 與我們聯繫。

也可以看看

信息:Aspose Text to GIF 轉換器讓您只需輸入即可創建有趣的動畫。