HTML-Inhalt zu PNG – Aspose.HTML Cloud

Dieser Leitfaden zeigt, wie Sie HTML-Inhalte direkt in PNG-Bilder mit der Aspose.HTML Cloud API konvertieren können. Neben PNG unterstützt die API die Konvertierung von HTML-Inhalten in mehrere andere Bildformate:

JPG
JPEG
GIF
TIFF
BMP

Stellen Sie sicher, dass Sie Ihr Autorisierungstoken bereit haben, bevor Sie fortfahren. Sehen Sie in unserem Autorisierungsleitfaden nach.

HTML-Inhaltsbeispiel

Hier ist der HTML-Inhalt, den wir für die Konvertierung verwenden werden:

1<html>
2  <body>
3    <h1>Aspose.HTML Cloud</h1>
4    <p>Dies ist ein Beispiel für die HTML-Inhaltskonvertierung zu PNG.</p>
5  </body>
6</html>

API-Anfrage

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

Anfragekörper:

1{
2  "InputContent": "<html><body><h1>Aspose.HTML Cloud</h1><p>Dies ist ein Beispiel für die HTML-Inhaltskonvertierung zu PNG.</p></body></html>"
3}

Beispiel-Implementierung

 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>Dies ist ein Beispiel für die HTML-Inhaltskonvertierung zu 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($"Konvertierung fehlgeschlagen: {response.StatusCode} - {error}");
34    }
35
36    var imageBytes = await response.Content.ReadAsByteArrayAsync();
37    await File.WriteAllBytesAsync(outputFilePath, imageBytes);
38
39    Console.WriteLine($"PNG-Bild gespeichert unter {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>Dies ist ein Beispiel für die HTML-Inhaltskonvertierung zu 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(`Konvertierung fehlgeschlagen: ${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-Bild erfolgreich heruntergeladen.");
29}

Konvertierung in andere Bildformate

Um HTML-Inhalte in andere unterstützte Bildformate zu konvertieren, ersetzen Sie einfach das Ausgabeformat (html-png) in der Endpunkt-URL mit Ihrem gewünschten Format:

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

Siehe auch

HTML-Inhalt zu PDF HTML-Inhalt zu WebP