Vectorizar desde Base64 – Aspose.HTML Cloud

Este artículo explica cómo vectorizar imágenes codificadas en Base64 a formato SVG utilizando la API de Aspose.HTML Cloud. Los formatos de imagen compatibles incluyen PNG, JPEG, JPG, BMP, GIF y WEBP.

Antes de comenzar, asegúrate de tener un token de autorización. Consulta la Guía de Autorización para más detalles.

Métodos de Vectorización Base64

Aspose.HTML Cloud proporciona dos métodos de vectorización:

Vectorización Síncrona: Respuesta inmediata que contiene el archivo SVG vectorizado.
Vectorización Asíncrona: Recomendada para archivos más grandes; la operación se ejecuta en segundo plano.

Vectorización Síncrona de Imagen Base64 a SVG

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

Autorización: Token Bearer

Cuerpo de la Solicitud:

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

Respuesta: Archivo SVG vectorizado como un flujo binario.

 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 = "CONTENIDO_DE_IMAGEN_CODIFICADO_EN_BASE64"; // Reemplazar con el contenido Base64 real
 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}

Consulta También

Vectorización de Imágenes Vectorizar Archivos Locales