Convertir VSD a SVG en C#. Guardar Visio en SVG con C#

El formato de archivo VSD es el formato nativo de la aplicación Microsoft Visio y contiene diagramas avanzados y gráficos vectoriales. Este formato hizo que la presentación de diagramas, organigramas y diagramas de flujo complicados fuera bastante práctica. Sin embargo, para poder ver estos archivos, se requiere un software específico como Microsoft Visio, etc., y además, si necesitamos poner estos detalles sobre la página web, se vuelve bastante complicado. Por lo tanto, podemos optar por convertir los archivos VSD al formato de gráficos vectoriales escalables (SVG).Una vez que tenemos el SVG, se puede hacer referencia a él directamente en el documento HTML utilizando el etiqueta. Por lo tanto, en este artículo, vamos a arrojar algo de luz sobre los pasos para convertir VSD a SVG usando la API REST de C# .NET.

API de procesamiento de archivos de Visio
- Instalación
- Suscripción a la nube
Convertir VSD a SVG en C#
Convertir VSD a SVG usando el comando cURL

API de procesamiento de archivos de Visio

Aspose.Diagram Cloud es nuestra API REST que permite a nuestros usuarios crear, editar y transformar archivos de Visio y diagramas de flujo a otros formatos compatibles. Realice todas estas operaciones sin instalar Microsoft Visio u otras aplicaciones. Además, hemos creado SDK gratuitos como envoltorios alrededor de Cloud API para que pueda realizar todas las operaciones de procesamiento de documentos en el idioma que elija. Por lo tanto, en este artículo, analizaremos las operaciones de conversión mediante Aspose.Diagram Cloud SDK para .NET.

Instalación

El primer paso para utilizar el SDK de Cloud es la instalación. Está disponible para descargar en NuGet y GitHub. Puede considerar ejecutar el siguiente comando en la terminal para instalar el SDK a través de NuGet:

nuget install Aspose.Diagram-Cloud

Administrador de paquetes NuGet

O ejecute el siguiente comando en la Consola del Administrador de paquetes en Visual Studio para obtener y hacer referencia al ensamblado Aspose.Diagram en su proyecto.

PM> Install-Package Aspose.Diagram-Cloud

Si ya tiene Aspose.Diagram Cloud SDK para .NET y desea actualizarlo, ejecútelo para obtener la última versión.

Update-Package Aspose.Diagram-Cloud

Estudio visual

Otro enfoque es la instalación directamente dentro de la solución de Visual Studio:

Abra el Explorador de soluciones.
Expanda el proyecto y haga clic derecho en la carpeta Paquetes dentro de su solución.
Seleccione la opción Administrar paquetes NuGet…
Haga clic en la pestaña Explorar y busque “Aspose.Diagram-Cloud”.
Haga clic en el paquete Aspose.Diagram-Cloud, seleccione la versión adecuada en la pestaña derecha y haga clic en el botón Agregar paquete.

Referencia de Aspose.Diagram-Cloud — Imagen 1: Aspose.Diagram Cloud como paquete NuGet.

Suscripción a la nube

Después de la instalación, el siguiente paso importante en la configuración es suscribirse a una cuenta gratuita en Aspose.Cloud dashboard. No se requiere tarjeta de crédito ni otros detalles de pago y, con una cuenta de suscripción gratuita, puede realizar hasta 150 solicitudes de procesamiento de documentos gratuitas. Por lo tanto, si tiene una cuenta de GitHub o Google, simplemente regístrese. De lo contrario, haga clic en el botón Crear una nueva cuenta y proporcione la información requerida. Ahora inicie sesión en el panel con credenciales y expanda la sección Aplicaciones desde el panel y desplácese hacia abajo hasta la sección Credenciales del cliente para ver los detalles de ID de cliente y Secreto de cliente.

Imagen 2: Credenciales del cliente en el panel de Aspose.Cloud.

Convertir VSD a SVG en C#

Siga las instrucciones que se especifican a continuación para convertir archivos VSD al formato SVG mediante el fragmento de código C# .NET. Tenga en cuenta que este fragmento de código espera que el archivo VSD de entrada esté almacenado en la nube.

En primer lugar, utilice variables de cadena para definir las credenciales del cliente.
En segundo lugar, cree una instancia de DiagramApi mientras pasa los detalles de las credenciales del cliente como argumento.
En tercer lugar, llame al método DownloadFileWithFormat(..) de DiagramApi para realizar la operación de conversión.
Finalmente, use el objeto File.Create (como se muestra en el método saveToDisk) para guardar la salida en el sistema local.

// Obtenga ClientID desde https://dashboard.aspose.cloud/
string clientSecret = "caac6e3d4a4724b2feb53f4e460eade3";
string clientID = "4ccf1790-accc-41e9-8d18-a78dbb2ed1aa";
            
// crear un objeto de DiagramApi
DiagramApi diagramApi = new DiagramApi("client_credentials", clientID, clientSecret);

// El archivo fuente VSD está disponible en el almacenamiento en la nube
String inputFile = "Raise-PO-Process-Flow-Chart.vsd";
// nombre del archivo SVG resultante
String resultant = "conveted.svg";

try
{
    // Iniciar el proceso de conversión de archivos
    var response = diagramApi.DownloadFileWithFormat(inputFile,format: "SVG", null);
    if (response != null )
    {
        Console.WriteLine("Successfully converted VSD to SVG !");
    }
    // Método personalizado para guardar el archivo resultante en la unidad del sistema local
    saveToDisk(response, "/Users/nshahbaz/Downloads/" + resultant);
}
catch (Exception ex)
{
    Console.WriteLine("error:" + ex.Message + "\n" + ex.StackTrace);
}
            
public static void saveToDisk(Stream responseStream, String resultantFile)
{
    var fileStream = File.Create(resultantFile);
    responseStream.Seek(0, SeekOrigin.Begin);
    responseStream.CopyTo(fileStream);
    fileStream.Close();
}

Los archivos de muestra utilizados en el ejemplo anterior se pueden descargar desde Purchase Order Flowchart.vsd y Converted.svg.

Vista previa de SVG convertido — Imagen 3: Vista previa del archivo SVG resultante.

Convertir VSD a SVG usando el comando cURL

Dado que nuestras API se desarrollan según la arquitectura REST, también se puede acceder a ellas mediante los comandos cURL. Además, tenga en cuenta que para acceder a las API, necesitamos generar un token de acceso JWT basado en nuestras credenciales de cliente personalizadas. Ejecute el siguiente comando para generar el token de acceso JWT.

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=4ccf1790-accc-41e9-8d18-a78dbb2ed1aa&client_secret=caac6e3d4a4724b2feb53f4e460eade3" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

Una vez que tenemos el token JWT, podemos realizar la conversión utilizando el siguiente comando.

curl -X GET "https://api.aspose.cloud/v3.0/diagram/Raise-PO-Process-Flow-Chart.vsd?format=SVG" \
-H  "accept: multipart/form-data" \
-H  "authorization: Bearer <JWT Token>" \
-o Converted.svg

Conclusión

En este artículo, analizamos los sencillos pasos para cargar y convertir VSD a SVG con C#. Además del fragmento de código, también exploramos las posibilidades de convertir archivos de Visio a SVG mediante los comandos cURL. Tenga en cuenta que nuestros SDK se ofrecen bajo una licencia MIT y se pueden descargar desde GitHub. En caso de que tenga algún problema al usar la API o tenga alguna consulta relacionada, no dude en ponerse en contacto con nosotros a través del foro de soporte gratuito.

Consejo rápido

Para ver los archivos VSD, puede intentar utilizar nuestro Visor de Visio en línea gratuito.

API de procesamiento de archivos de Visio#

Instalación#

Suscripción a la nube#

Convertir VSD a SVG en C##

Convertir VSD a SVG usando el comando cURL#

Conclusión#

Consejo rápido#

Artículos relacionados#