Файлы HTML часто используются в Интернете. Впоследствии Aspose.HTML для .NET API поддерживает множество функций для работы с форматом файла HTML. В этой статье мы узнаем, как конвертировать HTML в изображение с помощью C#. Давайте рассмотрим следующие варианты использования:

Прежде всего, давайте проверим основной файл 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 с помощью С#

Вы можете преобразовать изображение HTML в JPG, используя язык C# в своих приложениях .NET. API поддерживает несколько функций для получения вывода с различными вариантами. Например, вы можете установить размер выходного изображения, а также любой цвет фона, который вы хотите в выходном изображении.

Вам необходимо выполнить следующие шаги для преобразования HTML в изображение JPG:

  1. Инициализируйте параметры рендеринга изображения с помощью класса ImageSaveOptions.
  2. Установите размер страницы или цвет фона
  3. Преобразование HTML-файла

Кроме того, следующий код показывает, как преобразовать изображение 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

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

Преобразование HTML в PNG-изображение с помощью C#

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

Вы можете выполнить следующие шаги для преобразования:

  1. Загрузить исходный HTML-файл
  2. Инициализировать объект класса ImageSaveOptions
  3. Преобразование HTML в изображение PNG

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

// Инициализировать документ 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");
}

Преобразование HTML в изображение BMP с помощью C#

Вы можете преобразовать HTML в изображение BMP, используя свойство ImageFormat.Bmp. Точно так же вы должны выполнить следующие шаги для преобразования:

  1. Загрузить HTML-файл
  2. Установить свойство с помощью BMP ImageFormat
  3. Выполните преобразование с помощью класса Converter

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

// Инициализировать документ 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");
}

Преобразование HTML в изображение GIF с помощью С#

Преобразование изображений HTML в GIF является важной функцией API. Вы можете преобразовать файл, выполнив следующие действия:

  1. Загрузить входной HTML-документ
  2. Укажите ImageSaveOptions, используя GIF ImageFormat.
  3. Вызовите метод ConvertHTML для преобразования HTML в изображение GIF.

В приведенном ниже коде показано, как преобразовать изображение HTML в GIF с помощью C# в приложениях .NET:

// Инициализировать документ 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");
}

Вывод

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

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

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