Conversion VSD en SVG

Le format de fichier VSD est le format natif de l’application Microsoft Visio et contient des diagrammes avancés et des graphiques vectoriels. Ce format a rendu la présentation de diagrammes, d’organigrammes et d’organigrammes complexes assez pratique. Cependant, pour visualiser ces fichiers, des logiciels spécifiques tels que Microsoft Visio, etc. sont nécessaires, et aussi, si nous devons placer ces détails sur la page Web, cela devient assez compliqué. Par conséquent, nous pouvons choisir de convertir les fichiers VSD au format Scalable Vector Graphics (SVG).Une fois que nous avons le SVG, il peut être référencé directement dans le document HTML à l’aide de l’ balise. Dans cet article, nous allons donc faire la lumière sur les étapes à suivre pour convertir VSD en SVG à l’aide de l’API REST C# .NET.

API de traitement des fichiers Visio

Aspose.Diagram Cloud est notre API REST permettant à nos utilisateurs de créer, modifier et transformer des fichiers Visio et des organigrammes vers d’autres formats pris en charge. Effectuez toutes ces opérations sans installer Microsoft Visio ou d’autres applications. De plus, nous avons créé des SDK gratuits en tant qu’encapsuleurs autour de Cloud API afin que vous puissiez effectuer toutes les opérations de traitement de documents dans la langue de votre choix. Dans cet article, nous allons donc discuter des opérations de conversion à l’aide de Aspose.Diagram Cloud SDK pour .NET.

Installation

La première étape de l’utilisation du SDK Cloud est son installation. Il est disponible en téléchargement sur NuGet et GitHub. Vous pouvez envisager d’exécuter la commande suivante dans le terminal pour installer le SDK via NuGet :

nuget install Aspose.Diagram-Cloud

Gestionnaire de paquets NuGet

Ou exécutez la commande suivante dans la console du gestionnaire de packages dans Visual Studio pour récupérer et référencer l’assembly Aspose.Diagram dans votre projet.

PM> Install-Package Aspose.Diagram-Cloud

Si vous possédez déjà Aspose.Diagram Cloud SDK pour .NET et que vous souhaitez le mettre à niveau, veuillez l’exécuter pour obtenir la dernière version.

Update-Package Aspose.Diagram-Cloud

Visual Studio

Une autre approche est l’installation directement dans la solution Visual Studio :

  1. Ouvrez l’explorateur de solutions.
  2. Développez le projet et cliquez avec le bouton droit sur le dossier Packages dans votre solution.
  3. Sélectionnez l’option Gérer les packages NuGet…
  4. Cliquez sur l’onglet Parcourir et recherchez « Aspose.Diagram-Cloud ».
  5. Cliquez sur le package Aspose.Diagram-Cloud, sélectionnez la version appropriée dans l’onglet de droite et cliquez sur le bouton Ajouter un package.
Référence Aspose.Diagram-Cloud

Image 1 : Aspose.Diagram Cloud en tant que package NuGet.

Abonnement au cloud

Après l’installation, la prochaine étape majeure de l’installation et de la configuration est un abonnement à un compte gratuit sur tableau de bord Aspose.Cloud. Aucune carte de crédit ou autre détail de paiement n’est requis et avec un compte d’abonnement gratuit, vous pouvez effectuer jusqu’à 150 demandes de traitement de documents gratuites. Donc, si vous avez un compte GitHub ou Google, inscrivez-vous simplement. Sinon, cliquez sur le bouton Créer un nouveau compte et fournissez les informations requises. Connectez-vous maintenant au tableau de bord à l’aide des informations d’identification et développez la section Applications du tableau de bord et faites défiler vers le bas jusqu’à la section Informations d’identification du client pour voir les détails de l’ID client et du secret client.

Informations d'identification du client

Image 2 : Informations d’identification du client sur le tableau de bord Aspose.Cloud.

Convertir VSD en SVG en C#

Veuillez suivre les instructions ci-dessous pour convertir les fichiers VSD au format SVG à l’aide de l’extrait de code C# .NET. Veuillez noter que cet extrait de code suppose que le fichier VSD d’entrée se trouve dans un stockage cloud.

  • Tout d’abord, utilisez des variables de chaîne pour définir les informations d’identification du client
  • Deuxièmement, créez une instance de DiagramApi tout en transmettant les informations d’identification du client en tant qu’argument
  • Troisièmement, appelez la méthode DownloadFileWithFormat(..) de DiagramApi pour effectuer l’opération de conversion
  • Enfin, utilisez l’objet File.Create (comme indiqué dans la méthode saveToDisk) pour enregistrer la sortie sur le système local
// Obtenez l'ID client à partir de https://dashboard.aspose.cloud/
string clientSecret = "caac6e3d4a4724b2feb53f4e460eade3";
string clientID = "4ccf1790-accc-41e9-8d18-a78dbb2ed1aa";
            
// créer un objet de DiagramApi
DiagramApi diagramApi = new DiagramApi("client_credentials", clientID, clientSecret);

// fichier source VSD disponible dans le stockage Cloud
String inputFile = "Raise-PO-Process-Flow-Chart.vsd";
// nom du fichier SVG résultant
String resultant = "conveted.svg";

try
{
    // lancer le processus de conversion de fichier
    var response = diagramApi.DownloadFileWithFormat(inputFile,format: "SVG", null);
    if (response != null )
    {
        Console.WriteLine("Successfully converted VSD to SVG !");
    }
    // méthode personnalisée pour enregistrer le fichier résultant sur le lecteur système 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();
}

Les fichiers d’exemple utilisés dans l’exemple ci-dessus peuvent être téléchargés à partir de Purchase Order Flowchart.vsd et Converted.svg.

Aperçu du SVG converti

Image 3 : Aperçu du fichier SVG résultant.

Convertir VSD en SVG à l’aide de la commande cURL

Étant donné que nos API sont développées selon l’architecture REST, elles sont également accessibles via les commandes cURL. Veuillez également noter que pour accéder aux API, nous devons générer un jeton d’accès JWT basé sur nos informations d’identification client personnalisées. Veuillez exécuter la commande suivante pour générer le jeton d’accès 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"

Une fois que nous avons le jeton JWT, nous pouvons effectuer la conversion à l’aide de la commande suivante.

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

Conclusion

Dans cet article, nous avons abordé les étapes simples permettant de charger et de convertir VSD en SVG à l’aide de C#. Outre l’extrait de code, nous avons également exploré les possibilités de conversion de fichiers Visio en SVG via les commandes cURL. Veuillez noter que nos SDK sont proposés sous une licence MIT et peuvent être téléchargés depuis GitHub. Si vous rencontrez des problèmes lors de l’utilisation de l’API ou si vous avez des questions connexes, n’hésitez pas à nous contacter via le Forum d’assistance gratuit.

Astuce rapide

Pour visualiser les fichiers VSD, vous pouvez essayer d’utiliser notre Visionneuse Visio en ligne gratuite.

Articles connexes

Nous vous recommandons également de visiter les liens suivants pour en savoir plus sur