Bildvektorisierung – Aspose.HTML Cloud

Dieser Artikel erklärt, wie Sie Rasterbilder mit der Aspose.HTML Cloud API aus URL-Quellen im synchronen und asynchronen Modus vektorisieren können. Zu den unterstützten Bildformaten für die Vektorisierung gehören PNG, JPEG, JPG, BMP, GIF und WEBP. Die vektorisierten Dateien werden immer im SVG-Format erstellt.

Stellen Sie vor dem Start sicher, dass Sie ein Autorisierungstoken erhalten haben. Beziehen Sie sich auf den Autorisierungsleitfaden für Details.

Vektorisierungsmethoden

Aspose.HTML Cloud bietet zwei Vektorisierungsmethoden:

Synchrone Vektorisierung: Ideal für kleinere Bilder; das Ergebnis wird direkt in der Antwort zurückgegeben.
Asynchrone Vektorisierung: Am besten für größere Bilder geeignet; die Aufgabe läuft im Hintergrund, und das Ergebnis wird nach Abschluss heruntergeladen.

1. Synchrone Vektorisierung

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

Autorisierung: Bearer-Token

Anfragekörper:

1{
2    "InputPath": "https://example.com/image.png",
3    "Options": {
4        "ErrorThreshold": 30,
5        "MaxIterations": 100,
6        "ColorLimit": 16,
7        "LineWidth": 1.5
8    }
9}

Antwort: Die API gibt die vektorisierte SVG-Datei direkt zurück.

 1using System;
 2using System.IO;
 3using System.Net.Http;
 4using System.Net.Http.Headers;
 5using System.Text;
 6using System.Threading.Tasks;
 7
 8public async Task VectorizeImageSync()
 9{
10    using (HttpClient client = new HttpClient())
11    {
12        client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", "YOUR_ACCESS_TOKEN");
13        var requestBody = new StringContent(
14            "{\"InputPath\": \"https://example.com/image.png\", \"Options\": {\"ErrorThreshold\": 30, \"MaxIterations\": 100, \"ColorLimit\": 16, \"LineWidth\": 1.5}}",
15            Encoding.UTF8, "application/json");
16        var response = await client.PostAsync("https://api.aspose.cloud/v4.0/html/vectorization/png/sync", requestBody);
17        var fileStream = await response.Content.ReadAsStreamAsync();
18        using (FileStream fs = new FileStream("output.svg", FileMode.Create))
19        {
20            await fileStream.CopyToAsync(fs);
21        }
22    }
23}

JavaScript

 1async function vectorizeImageSync() {
 2    const url = "https://api.aspose.cloud/v4.0/html/vectorization/png/sync";
 3    const requestBody = JSON.stringify({
 4        InputPath: "https://example.com/image.png",
 5        Options: { ErrorThreshold: 30, MaxIterations: 100, ColorLimit: 16, LineWidth: 1.5 }
 6    });
 7    const response = await fetch(url, {
 8        method: 'POST',
 9        headers: {
10            'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
11            'Content-Type': 'application/json'
12        },
13        body: requestBody
14    });
15    const blob = await response.blob();
16    const a = document.createElement('a');
17    a.href = URL.createObjectURL(blob);
18    a.download = 'output.svg';
19    a.click();
20}

2. Asynchrone Vektorisierung

Schritte:

Vektorisierungsanfrage einreichen
Vektorisierungsstatus prüfen
Die vektorisierte Datei herunterladen

1// Submit vectorization request
2var requestBody = new StringContent(
3    "{\"InputPath\": \"https://example.com/image.png\", \"OutputFile\": \"vectorized.svg\", \"Options\": {\"ErrorThreshold\": 30}}",
4    Encoding.UTF8, "application/json");
5
6// Use similar logic as shown in synchronous example to submit request, check status, and download file.

JavaScript

1// Submit vectorization request, check status, and download vectorized SVG
2// Similar logic as shown in synchronous example

Vektorisierungsoptionen erklärt

Option	Beschreibung
ErrorThreshold	Bestimmt den akzeptablen Fehlergrad für die Vektorisierungspräzision (niedrigerer Wert = höhere Genauigkeit).
MaxIterations	Legt die maximalen Iterationen fest, die der Algorithmus während der Vektorisierung durchführt (höher = potenziell höhere Genauigkeit, aber langsamere Verarbeitung).
ColorLimit	Begrenzt die Anzahl der im resultierenden Vektorbild verwendeten Farben.
LineWidth	Definiert die Breite der Linien in der vektorisierten Ausgabe.

Siehe auch

Vektorisierungs-API Vektorisierung von Base64