HTML-файлы часто используются в Интернете. В некоторых случаях нам может потребоваться преобразовать HTML-страницы в изображения. В этой статье мы узнаем, как конвертировать HTML в изображение на C#. Мы научимся отображать веб-страницу HTML в JPG, PNG, BMP, GIF и других популярных форматах изображений.

В этой статье рассматриваются следующие темы:

C# API для преобразования HTML в изображение

Мы будем использовать Aspose.HTML for .NET для преобразования HTML-файлов в изображения на C#. Он позволяет разработчикам работать с HTML-документами в своих .NET-приложениях. Он предоставляет широкий спектр функций и возможностей для анализа, преобразования, редактирования и рендеринга HTML-документов.

Пожалуйста, загрузите DLL API или установите его с помощью NuGet.

PM> Install-Package Aspose.Html

Преобразование HTML в изображение — входной файл

Прежде всего, давайте проверим базовый 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>

Преобразование HTML в изображение JPG на C#

Мы можем преобразовать любую веб-страницу HTML в изображение JPG, выполнив следующие действия:

  1. Инициализируйте параметры рендеринга изображения, используя класс ImageSaveOptions.
  2. Установите размер страницы или цвет фона.
  3. После этого укажите ImageFormat как JPG.
  4. Наконец, вызовите метод ConvertHTML(), чтобы преобразовать HTML в JPG.

В следующем примере кода показано, как преобразовать HTML в изображение JPG на C#.

        // Установите размер страницы 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#

Кроме того, вы можете узнать цвет фона и размер изображения в свойствах. Разрешение составляет 300 точек на дюйм, поэтому ширина и длина изображения равны 2100, поскольку его длина и ширина составляют 7 дюймов.

Преобразование HTML в PNG-изображение на C#

Файлы изображений PNG представляют собой более сложные файлы, чем изображения JPG. Например, они могут иметь прозрачный фон, в отличие от изображений JPG. Поэтому иногда лучше конвертировать HTML в изображение PNG, поскольку это популярный и совместимый формат файлов.

мы можем конвертировать HTML в PNG, выполнив шаги, упомянутые ранее. Однако нам просто нужно указать ImageFormat.Png на шаге №3.

В следующем фрагменте кода показано, как преобразовать файл HTML в изображение PNG на C#:

// Инициализировать HTML-документ из html-файла
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Инициализация параметров сохранения изображения 
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

Точно так же мы можем преобразовать HTML в BMP, выполнив шаги, упомянутые ранее. Однако нам просто нужно указать ImageFormat.Bmp на шаге №3.

В следующем примере кода показано, как преобразовать HTML в изображение BMP на C#:

// Инициализировать HTML-документ из html-файла
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Инициализация параметров сохранения изображения 
    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");
}

Преобразование HTML в изображение GIF на C#

Мы также можем конвертировать HTML в GIF, выполнив шаги, упомянутые ранее. Однако нам просто нужно указать ImageFormat.Gif на шаге №3.

В приведенном ниже коде показано, как преобразовать HTML в изображения GIF на C#.

// Инициализировать HTML-документ из html-файла
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Инициализация параметров сохранения изображения 
    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");
}

Получите бесплатную лицензию

Пожалуйста, получите бесплатную временную лицензию, чтобы опробовать библиотеку без ограничений ознакомительной версии.

Преобразование HTML в изображение — учебные ресурсы

Помимо преобразования веб-страниц HTML в изображения, изучите различные другие функции библиотеки, используя ресурсы ниже:

Заключение

Подводя итог, мы узнали, как конвертировать HTML в JPG, PNG, BMP и GIF на C# в приложениях .NET. Преобразование HTML в эти форматы изображений — одна из наиболее важных функций Aspose.HTML for .NET API. Более того, результаты преобразования или рендеринга имеют высочайшую точность и эффективность. Вот почему API лучше всего подходит для преобразования, редактирования или управления файлами HTML. Более того, мы с нетерпением ждем вашего ответа. Если вам нужна помощь, свяжитесь с нами через Форум бесплатной поддержки.

Смотрите также

Информация: Конвертер Aspose Text to GIF позволяет создавать забавные анимации простым набором текста.