Vectorización de Imágenes – Aspose.HTML Cloud

Este artículo explica cómo vectorizar imágenes rasterizadas utilizando la API de Aspose.HTML Cloud desde fuentes URL en modos síncronos y asíncronos. Los formatos de imagen compatibles para la vectorización incluyen PNG, JPEG, JPG, BMP, GIF y WEBP. Los archivos vectorizados siempre se producen en formato SVG.

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

Métodos de Vectorización

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

Vectorización Síncrona: Ideal para imágenes más pequeñas; el resultado se devuelve directamente en la respuesta.
Vectorización Asíncrona: Más adecuada para imágenes más grandes; la tarea se ejecuta en segundo plano, y el resultado se descarga al completarse.

1. Vectorización Síncrona

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

Autorización: Token Bearer

Cuerpo de la Solicitud:

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}

Respuesta: La API devuelve directamente el archivo SVG vectorizado.

 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. Vectorización Asíncrona

Pasos:

Enviar solicitud de vectorización
Verificar el estado de la vectorización
Descargar el archivo vectorizado

1// Enviar solicitud de vectorización
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 una lógica similar a la mostrada en el ejemplo síncrono para enviar la solicitud, verificar el estado y descargar el archivo.

JavaScript

1// Enviar solicitud de vectorización, verificar estado y descargar SVG vectorizado
2// Lógica similar a la mostrada en el ejemplo síncrono

Opciones de Vectorización Explicadas

Opción	Descripción
ErrorThreshold	Determina el nivel de error aceptable para la precisión de vectorización (valor más bajo = mayor precisión).
MaxIterations	Establece las iteraciones máximas que el algoritmo realiza durante la vectorización (mayor = potencialmente mayor precisión pero procesamiento más lento).
ColorLimit	Limita el número de colores utilizados en la imagen vectorial resultante.
LineWidth	Define el ancho de las líneas en la salida vectorizada.

Consulta También

API de Vectorización Vectorizar desde Base64