Les images graphiques vectorielles évolutives (SVG) sont appréciées pour leur évolutivité. Ils sont fréquemment utilisés sur le Web pour afficher des informations visuelles. Dans cet article, vous apprendrez à créer un fichier image SVG par programmation à l’aide de C#. Les sections suivantes couvrent différents cas d’utilisation :

Créateur d’images SVG C# - Installation de l’API

L’API Aspose.SVG for .NET peut être utilisée pour créer, éditer et manipuler des fichiers image SVG. Vous pouvez parcourir différents nœuds ou convertir le fichier dans des formats de fichier pris en charge. Veuillez télécharger les fichiers DLL à partir de la section New Releases ou utilisez les commandes d’installation NuGet suivantes :

PM> Install-Package Aspose.SVG

Après avoir configuré l’API avec succès, vous pouvez apprendre à créer une image SVG simple et basique et plus tard, vous explorerez davantage à l’aide d’un exemple avancé.

Créer un fichier image SVG par programme avec C#

  1. Vous pouvez créer un fichier image SVG en procédant comme suit :
  2. Spécifiez le contenu SVG sous forme de chaîne.
  3. Initialise un objet de la classe SVGDocument à partir du contenu de la chaîne.
  4. Enregistrez le document dans un fichier avec la méthode Enregistrer.

Le code suivant explique comment créer un fichier image SVG par programmation à l’aide de C# :

// Spécifiez le contenu SVG en tant que chaîne
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Initialiser un objet de la classe SVGDocument à partir du contenu de la chaîne
SVGDocument document = new SVGDocument(documentContent, ".");

// Enregistrer le document dans un fichier
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Créer une image SVG avec HTML intégré par programmation à l’aide de C#

SVG est cohérent avec tous les langages basés sur XML pour la description et le rendu du contenu intégré. Vous pouvez utiliser élément pour inclure du contenu HTML dans un fichier SVG. Veuillez suivre les étapes suivantes pour créer une image SVG avec HTML intégré :

  1. Spécifiez le contenu SVG avec HTML intégré.
  2. Spécifiez l’espace de noms XHTML d’où provient l’objet étranger.
  3. Initialisez un document SVG à l’aide de SVGDocument.
  4. Enregistrez le document dans un fichier avec l’énumération SVGSaveFormat.

Le code ci-dessous explique comment créer une image SVG avec du contenu HTML intégré par programmation à l’aide de C# :

// Spécifiez le contenu SVG avec HTML intégré.
// Spécifiez l'espace de noms XHTML d'où provient l'objet étranger.
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// Initialisez un document SVG à l'aide de SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Enregistrez le document dans un fichier avec l'énumération SVGSaveFormat.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Obtenez une licence API gratuite

Vous pouvez évaluer les API Aspose sans aucune limitation en demandant une licence temporaire gratuite.

Conclusion

Dans cet article, vous avez appris à créer des fichiers image SVG à partir de zéro par programmation à l’aide de C#. Vous avez exploré la création d’une image SVG simple ainsi qu’une image SVG avancée avec du contenu HTML intégré. Vous pouvez explorer davantage l’API en consultant API Documentation. De plus, en cas de questions, n’hésitez pas à nous contacter sur le Forum d’assistance gratuit.

Voir également