Конвертация HTML-контента в PNG – Aspose.HTML Cloud

В этом руководстве показано, как конвертировать HTML-контент непосредственно в PNG-изображения с помощью API Aspose.HTML Cloud. Помимо PNG, API поддерживает преобразование HTML-контента в несколько других форматов изображений:

JPG
JPEG
GIF
TIFF
BMP

Убедитесь, что вы получили токен авторизации перед тем, как продолжить. Обратитесь к нашему Руководству по авторизации.

Пример HTML-контента

Вот HTML-контент, который мы будем использовать для конвертации:

1<html>
2  <body>
3    <h1>Aspose.HTML Cloud</h1>
4    <p>This is an example of HTML content conversion to PNG.</p>
5  </body>
6</html>

API-запрос

Конечная точка: POST https://api.aspose.cloud/v4.0/html/conversion/html-png/sync

Тело запроса:

1{
2  "InputContent": "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>"
3}

Пример реализации

 1using System;
 2using System.IO;
 3using System.Net.Http;
 4using System.Net.Http.Headers;
 5using System.Text;
 6using System.Threading.Tasks;
 7using Newtonsoft.Json;
 8
 9public class ConversionRequest
10{
11    public string InputContent { get; set; }
12}
13
14public async Task ConvertHtmlContentToPng()
15{
16    string apiUrl = "https://api.aspose.cloud/v4.0/html/conversion/html-png/sync";
17    string outputFilePath = @"C:\\temp\\output.png";
18
19    string htmlContent = "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>";
20
21    using var client = new HttpClient();
22    client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", "YOUR_ACCESS_TOKEN");
23
24    var requestBody = new ConversionRequest { InputContent = htmlContent };
25    string jsonRequest = JsonConvert.SerializeObject(requestBody);
26    HttpContent content = new StringContent(jsonRequest, Encoding.UTF8, "application/json");
27
28    var response = await client.PostAsync(apiUrl, content);
29
30    if (!response.IsSuccessStatusCode)
31    {
32        var error = await response.Content.ReadAsStringAsync();
33        throw new Exception($"Conversion failed: {response.StatusCode} - {error}");
34    }
35
36    var imageBytes = await response.Content.ReadAsByteArrayAsync();
37    await File.WriteAllBytesAsync(outputFilePath, imageBytes);
38
39    Console.WriteLine($"PNG image saved to {outputFilePath}");
40}

JavaScript

 1async function convertHtmlContentToPng() {
 2    const url = "https://api.aspose.cloud/v4.0/html/conversion/html-png/sync";
 3
 4    const htmlContent = "<html><body><h1>Aspose.HTML Cloud</h1><p>This is an example of HTML content conversion to PNG.</p></body></html>";
 5
 6    const requestBody = JSON.stringify({ "InputContent": htmlContent });
 7
 8    const response = await fetch(url, {
 9        method: 'POST',
10        headers: {
11            'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
12            'Content-Type': 'application/json'
13        },
14        body: requestBody
15    });
16
17    if (!response.ok) {
18        const errorText = await response.text();
19        throw new Error(`Conversion failed: ${response.status} - ${errorText}`);
20    }
21
22    const blob = await response.blob();
23    const downloadLink = document.createElement('a');
24    downloadLink.href = URL.createObjectURL(blob);
25    downloadLink.download = 'output.png';
26    downloadLink.click();
27
28    console.log("PNG image downloaded successfully.");
29}

Конвертация в другие форматы изображений

Для преобразования HTML-контента в другие поддерживаемые форматы изображений просто замените формат вывода (html-png) в URL конечной точки на нужный формат:

JPG/JPEG: /html-jpeg/sync
GIF: /html-gif/sync
TIFF: /html-tiff/sync
BMP: /html-bmp/sync

Конвертация HTML-контента в PNG – Aspose.HTML Cloud

Пример HTML-контента

API-запрос

Пример реализации

Конвертация в другие форматы изображений

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