changer la couleur SVG csharp

Les images SVG sont de plus en plus populaires en raison de leur évolutivité et de leurs caractéristiques de qualité. Dans certains scénarios, vous devrez peut-être modifier la couleur des images SVG pour les rendre plus attrayantes. Cet article explique comment modifier la couleur de différents éléments SVG par programmation en C#.

Travailler avec la couleur des éléments SVG - Installation de l’API C# .NET

Vous pouvez manipuler la couleur de différents éléments SVG comme le cercle, la ligne, etc. avec l’API Aspose.SVG for .NET. Téléchargez simplement les fichiers DLL à partir des Nouvelles versions ou utilisez la commande d’installation NuGet suivante :

PM> Install-Package Aspose.SVG

Changer la couleur de l’élément Circle de SVG en C#

Vous pouvez changer la couleur de l’élément cercle de SVG en C# en procédant comme suit :

  1. Créez une instance de la classe SVGDocument pour charger le fichier SVG d’entrée.
  2. Obtenez l’élément SVG racine et cercle du document.
  3. Définissez l’attribut et la couleur de l’élément SVG.
  4. Enregistrez l’image SVG de sortie.

L’extrait de code ci-dessous explique comment changer la couleur de l’élément cercle de SVG en C# :

// Charger un document SVG à partir du fichier
SVGDocument document = new SVGDocument("shapes.svg");

// Obtenir l'élément svg racine du document
SVGElement svgElement = document.RootElement;

// Obtenir un élément de cercle pour changer de couleur
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;

// Définissez une nouvelle valeur d'attribut "fill" pour l'élément cercle
circleElement.SetAttribute("fill", "blue");

// Enregistrez le document SVG
document.Save("circle-color.svg");

Changer la couleur de l’élément de ligne de SVG en C#

Veuillez suivre les étapes ci-dessous pour changer la couleur de l’élément Line dans une image SVG en C# :

  • Initialisez un objet de la classe SVGDocument pour charger l’image SVG source.
  • Obtenez l’élément racine et ligne pour modifier la couleur.
  • Enregistrez le fichier SVG de sortie à l’aide de la méthode Save.

L’extrait de code suivant montre comment modifier la couleur des lignes dans un fichier SVG par programmation en C# :

// Charger un document SVG à partir du fichier
SVGDocument document = new SVGDocument("basic-shapes.svg");

// Obtenir l'élément svg racine du document
SVGSVGElement svgElement = document.RootElement;

// Obtenir un élément de ligne pour changer de couleur
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;

// Définissez une nouvelle valeur d'attribut "trait" pour l'élément de ligne
lineElement.SetAttribute("stroke", "blue");

// Enregistrez le document SVG
document.Save("line-color.svg");

Définir la couleur d’arrière-plan de l’image SVG en C#

Vous pouvez améliorer l’apparence des images SVG en définissant la couleur d’arrière-plan des images SVG en procédant comme suit :

  • Définissez l’espace de noms SVG et chargez le fichier d’entrée.
  • Créez un élément rectangle et définissez différentes propriétés.
  • Ajoutez un élément rectangle comme premier enfant et enregistrez le fichier de sortie.

L’extrait de code ci-dessous montre comment définir la couleur d’arrière-plan de l’image SVG par programmation en C# :

// Définir l'URL de l'espace de noms SVG
string SvgNamespace = "http://www.w3.org/2000/svg";

// Charger un document SVG à partir du fichier
SVGDocument document = new SVGDocument("basic-shapes.svg");

// Obtenir l'élément svg racine du document
SVGSVGElement svgElement = document.RootElement;

// Créez un élément rectangle et définissez la valeur de l'attribut "fill" pour changer la couleur d'arrière-plan
SVGRectElement rectElement = (SVGRectElement)document.CreateElementNS(SvgNamespace, "rect");
rectElement.X.BaseVal.Value = 3;
rectElement.Y.BaseVal.Value = 3;
rectElement.Width.BaseVal.Value = 400;
rectElement.Height.BaseVal.Value = 400;
rectElement.SetAttribute("fill", "Salmon");

// Ajoutez l'élément rectangle en tant que premier enfant de l'élément SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);

// Enregistrez le document SVG
document.Save("background-color.svg");

Obtenez une licence d’évaluation gratuite

Vous pouvez évaluer l’API sans aucune limitation d’évaluation en obtenant une licence d’évaluation gratuite.

Conclusion

Dans cet article, vous avez appris à changer la couleur des différents éléments d’une image SVG. De même, les détails sur la définition de la couleur d’arrière-plan d’une image SVG sont également abordés ici. De plus, vous pouvez jeter un œil aux autres fonctionnalités de l’API dans la section documentation. En cas de questions, veuillez nous écrire sur le forum.

Voir également

Convertir SVG en HTML sur Linux en C#