Contenido HTML a PNG – Aspose.HTML Cloud

Esta guía demuestra cómo convertir contenido HTML directamente a imágenes PNG utilizando la API de Aspose.HTML Cloud. Además de PNG, la API admite convertir contenido HTML a varios otros formatos de imagen:

JPG
JPEG
GIF
TIFF
BMP

Asegúrese de haber obtenido su token de autorización antes de continuar. Consulte nuestra Guía de autorización.

Ejemplo de contenido HTML

Aquí está el contenido HTML que usaremos para la conversión:

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>

Solicitud de API

Endpoint: POST https://api.aspose.cloud/v4.0/html/conversion/html-png/sync

Cuerpo de la solicitud:

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}

Implementación de ejemplo

 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}

Convertir a otros formatos de imagen

Para convertir contenido HTML a otros formatos de imagen soportados, simplemente reemplace el formato de salida (html-png) en la URL del endpoint con su formato deseado:

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

Ver también

Contenido HTML a PDF Contenido HTML a WebP