Файли 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"))
{
// Ініціалізувати 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

Подібним чином ми можемо конвертувати HTML у BMP, виконавши кроки, згадані раніше. Однак нам просто потрібно вказати ImageFormat.Bmp на кроці №3.

У наведеному нижче прикладі коду показано, як перетворити 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 у C#

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

Наведений нижче код показує, як конвертувати зображення HTML у GIF у 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.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 дозволяє створювати веселі анімації, просто вводячи текст.