SVG-Bilder werden aufgrund ihrer Skalierbarkeit und Qualitätsmerkmale immer beliebter. In einigen Szenarien müssen Sie möglicherweise die Farbe von SVG-Bildern ändern, um sie attraktiver zu machen. In diesem Artikel wird beschrieben, wie Sie die Farbe verschiedener SVG-Elemente programmgesteuert in C# ändern.
- Arbeiten mit der Farbe von SVG-Elementen – Installation der C# .NET-API
- Ändern Sie die Farbe des Kreiselements von SVG in C#
- Ändern Sie die Farbe des Linienelements von SVG in C#
- Legen Sie die Hintergrundfarbe des SVG-Bildes in C# fest
Arbeiten mit der Farbe von SVG-Elementen – Installation der C# .NET-API
Sie können die Farbe verschiedener SVG-Elemente wie Kreis, Linie usw. mit der Aspose.SVG for .NET-API manipulieren. Laden Sie einfach die DLL-Dateien von New Releases herunter oder verwenden Sie den folgenden NuGet-Installationsbefehl:
PM> Install-Package Aspose.SVG
Ändern Sie die Farbe des Kreiselements von SVG in C#
Sie können die Farbe des Kreiselements von SVG in C# mit den folgenden Schritten ändern:
- Erstellen Sie eine Instanz der Klasse SVGDocument, um die SVG-Eingabedatei zu laden.
- Holen Sie sich das Root- und Circle-SVG-Element des Dokuments.
- Legen Sie Attribut und Farbe für das SVG-Element fest.
- Speichern Sie das ausgegebene SVG-Bild.
Das folgende Code-Snippet erläutert, wie die Farbe des Kreiselements von SVG in C# geändert wird:
// Laden Sie ein SVG-Dokument aus der Datei
SVGDocument document = new SVGDocument("shapes.svg");
// Holen Sie sich das Root-Svg-Element des Dokuments
SVGElement svgElement = document.RootElement;
// Holen Sie sich das Kreiselement, um die Farbe zu ändern
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// Legen Sie einen neuen Attributwert „Füllung“ für das Kreiselement fest
circleElement.SetAttribute("fill", "blue");
// Speichern Sie das SVG-Dokument
document.Save("circle-color.svg");
Ändern Sie die Farbe des Linienelements von SVG in C#
Bitte führen Sie die folgenden Schritte aus, um die Farbe des Line-Elements in einem SVG-Bild in C# zu ändern:
- Initialisieren Sie ein Objekt der Klasse SVGDocument, um das Quell-SVG-Bild zu laden.
- Holen Sie sich Wurzel- und Linienelement, um die Farbe zu ändern.
- Speichern Sie die ausgegebene SVG-Datei mit der Methode Save.
Das folgende Code-Snippet zeigt, wie die Linienfarbe in einer SVG-Datei programmgesteuert in C# geändert wird:
// Laden Sie ein SVG-Dokument aus der Datei
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Holen Sie sich das Root-Svg-Element des Dokuments
SVGSVGElement svgElement = document.RootElement;
// Holen Sie sich das Linienelement, um die Farbe zu ändern
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// Legen Sie einen neuen „Strich“-Attributwert für das Linienelement fest
lineElement.SetAttribute("stroke", "blue");
// Speichern Sie das SVG-Dokument
document.Save("line-color.svg");
Legen Sie die Hintergrundfarbe des SVG-Bildes in C# fest
Sie können das Erscheinungsbild von SVG-Bildern verbessern, indem Sie die Hintergrundfarbe von SVG-Bildern mit den folgenden Schritten festlegen:
- Legen Sie den SVG-Namensraum fest und laden Sie die Eingabedatei.
- Erstellen Sie ein rechteckiges Element und legen Sie verschiedene Eigenschaften fest.
- Rechteckelement als erstes untergeordnetes Element hinzufügen und Ausgabedatei speichern.
Das folgende Code-Snippet zeigt, wie die Hintergrundfarbe eines SVG-Bildes programmgesteuert in C# festgelegt wird:
// Legen Sie die SVG-Namespace-URL fest
string SvgNamespace = "http://www.w3.org/2000/svg";
// Laden Sie ein SVG-Dokument aus der Datei
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Holen Sie sich das Root-Svg-Element des Dokuments
SVGSVGElement svgElement = document.RootElement;
// Erstellen Sie ein rechteckiges Element und legen Sie den Attributwert „fill“ fest, um die Hintergrundfarbe zu ändern
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");
// Fügen Sie das rechteckige Element als erstes untergeordnetes Element zum SVG-Element hinzu
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// Speichern Sie das SVG-Dokument
document.Save("background-color.svg");
Holen Sie sich eine kostenlose Evaluierungslizenz
Sie können die API ohne Evaluierungseinschränkungen evaluieren, indem Sie eine kostenlose Evaluierungslizenz erwerben.
Fazit
In diesem Artikel haben Sie gelernt, wie Sie die Farbe verschiedener Elemente in einem SVG-Bild ändern. Ebenso werden hier die Details zum Festlegen der Hintergrundfarbe eines SVG-Bildes besprochen. Darüber hinaus können Sie sich weitere Funktionen der API im Abschnitt Dokumentation ansehen. Bei Fragen schreiben Sie uns bitte an das Forum.