Vektorisierung von Base64 – Aspose.HTML Cloud

Dieser Artikel erklärt, wie Sie Base64-kodierte Bilder mit der Aspose.HTML Cloud API in das SVG-Format vektorisieren können. Zu den unterstützten Bildformaten gehören PNG, JPEG, JPG, BMP, GIF und WEBP.

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

Base64-Vektorisierungsmethoden

Aspose.HTML Cloud bietet zwei Vektorisierungsmethoden:

Synchrone Vektorisierung: Sofortige Antwort mit der vektorisierten SVG-Datei.
Asynchrone Vektorisierung: Empfohlen für größere Dateien; der Vorgang läuft im Hintergrund.

Synchrone Base64-Bild-zu-SVG-Vektorisierung

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

Autorisierung: Bearer-Token

Anfragekörper:

1{
2    "InputBase64": "BASE64_ENCODED_IMAGE_CONTENT",
3    "Options": {
4        "ErrorThreshold": 20,
5        "MaxIterations": 50,
6        "ColorLimit": 8,
7        "LineWidth": 1.0
8    }
9}

Antwort: Vektorisierte SVG-Datei als Binärstrom.

 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 VectorizationRequest
10{
11    public string InputBase64 { get; set; }
12    public VectorizationOptions Options { get; set; }
13}
14
15public class VectorizationOptions
16{
17    public float? ErrorThreshold { get; set; }
18    public int? MaxIterations { get; set; }
19    public int? ColorLimit { get; set; }
20    public float? LineWidth { get; set; }
21}
22
23public async Task VectorizeBase64Image()
24{
25    string apiUrl = "https://api.aspose.cloud/v4.0/html/vectorization/png/sync";
26    string outputFilePath = @"C:\\temp\\output.svg";
27
28    byte[] imageBytes = File.ReadAllBytes(@"C:\\temp\\image.png");
29    string imageBase64 = Convert.ToBase64String(imageBytes);
30
31    var requestBody = new VectorizationRequest
32    {
33        InputBase64 = imageBase64,
34        Options = new VectorizationOptions { ErrorThreshold = 20, MaxIterations = 50, ColorLimit = 8, LineWidth = 1.0f }
35    };
36
37    using var client = new HttpClient();
38    client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", "YOUR_ACCESS_TOKEN");
39
40    string jsonRequest = JsonConvert.SerializeObject(requestBody);
41    HttpContent content = new StringContent(jsonRequest, Encoding.UTF8, "application/json");
42
43    var response = await client.PostAsync(apiUrl, content);
44
45    if (!response.IsSuccessStatusCode)
46    {
47        var error = await response.Content.ReadAsStringAsync();
48        throw new Exception($"Vektorisierung fehlgeschlagen: {response.StatusCode} - {error}");
49    }
50
51    var svgBytes = await response.Content.ReadAsByteArrayAsync();
52    await File.WriteAllBytesAsync(outputFilePath, svgBytes);
53
54    Console.WriteLine($"SVG gespeichert unter {outputFilePath}");
55}

JavaScript

 1async function vectorizeBase64Image() {
 2    const url = "https://api.aspose.cloud/v4.0/html/vectorization/png/sync";
 3
 4    const imageBase64 = "BASE64_ENCODED_IMAGE_CONTENT"; // Ersetzen Sie dies durch den tatsächlichen Base64-Inhalt
 5
 6    const requestBody = JSON.stringify({
 7        InputBase64: imageBase64,
 8        Options: { ErrorThreshold: 20, MaxIterations: 50, ColorLimit: 8, LineWidth: 1.0 }
 9    });
10
11    const response = await fetch(url, {
12        method: 'POST',
13        headers: {
14            'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
15            'Content-Type': 'application/json'
16        },
17        body: requestBody
18    });
19
20    if (!response.ok) {
21        const errorText = await response.text();
22        throw new Error(`Vektorisierung fehlgeschlagen: ${response.status} - ${errorText}`);
23    }
24
25    const blob = await response.blob();
26    const downloadLink = document.createElement('a');
27    downloadLink.href = URL.createObjectURL(blob);
28    downloadLink.download = 'output.svg';
29    downloadLink.click();
30
31    console.log("SVG erfolgreich heruntergeladen.");
32}

Siehe auch

Bildvektorisierung Lokale Dateien vektorisieren