Vectorize from Base64 – Aspose.HTML Cloud

This article explains how to vectorize Base64-encoded images into SVG format using Aspose.HTML Cloud API. Supported image formats include PNG, JPEG, JPG, BMP, GIF, and WEBP.

Before starting, ensure you have an authorization token. Refer to the Authorization Guide for details.

Base64 Vectorization Methods

Aspose.HTML Cloud provides two vectorization methods:

Synchronous Vectorization: Immediate response containing the vectorized SVG file.
Asynchronous Vectorization: Recommended for larger files; the operation runs in the background.

Synchronous Base64 Image to SVG Vectorization

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

Authorization: Bearer token

Request Body:

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

Response: Vectorized SVG file as a binary stream.

 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($"Vectorization failed: {response.StatusCode} - {error}");
49    }
50
51    var svgBytes = await response.Content.ReadAsByteArrayAsync();
52    await File.WriteAllBytesAsync(outputFilePath, svgBytes);
53
54    Console.WriteLine($"SVG saved to {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"; // Replace with actual Base64 content
 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(`Vectorization failed: ${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 downloaded successfully.");
32}

Vectorize from Base64 – Aspose.HTML Cloud

Base64 Vectorization Methods

Synchronous Base64 Image to SVG Vectorization

See Also