Obrázky SVG jsou stále oblíbené díky jejich škálovatelnosti a funkcím kvality. V některých scénářích může být nutné změnit barvu obrázků SVG, aby byly atraktivnější. Tento článek popisuje, jak změnit barvu různých prvků SVG programově v C#.
- Práce s barvou prvků SVG - Instalace C# .NET API
- Změna barvy prvku kruhu SVG v C#
- Změňte barvu prvku čáry SVG v C#
- Nastavte barvu pozadí obrázku SVG v C#
Práce s barvou prvků SVG – Instalace C# .NET API
Pomocí API Aspose.SVG for .NET můžete manipulovat s barvou různých prvků SVG, jako je kruh, čára atd. Jednoduše si stáhněte soubory DLL z New Releases nebo použijte následující instalační příkaz NuGet:
PM> Install-Package Aspose.SVG
Změna barvy prvku kruhu SVG v C#
Barvu prvku kruhu SVG v C# můžete změnit pomocí následujících kroků:
- Vytvořte instanci třídy SVGDocument pro načtení vstupního souboru SVG.
- Získejte kořenový a kruhový prvek SVG dokumentu.
- Nastavte atribut a barvu pro prvek SVG.
- Uložte výstupní obrázek SVG.
Níže uvedený fragment kódu vysvětluje, jak změnit barvu prvku kruhu SVG v C#:
// Načtěte dokument SVG ze souboru
SVGDocument document = new SVGDocument("shapes.svg");
// Získejte kořenový prvek svg dokumentu
SVGElement svgElement = document.RootElement;
// Získejte prvek kruhu pro změnu barvy
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// Nastavte novou hodnotu atributu „fill“ pro prvek circle
circleElement.SetAttribute("fill", "blue");
// Uložte dokument SVG
document.Save("circle-color.svg");
Změňte barvu prvku čáry SVG v C#
Chcete-li změnit barvu prvku Line v obrázku SVG v jazyce C#, postupujte podle následujících kroků:
- Inicializací objektu třídy SVGDocument načtete zdrojový obraz SVG.
- Získejte kořenový a čárový prvek pro úpravu barvy.
- Uložte výstupní soubor SVG pomocí metody Uložit.
Následující fragment kódu ukazuje, jak změnit barvu čáry v souboru SVG programově v C#:
// Načtěte dokument SVG ze souboru
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Získejte kořenový prvek svg dokumentu
SVGSVGElement svgElement = document.RootElement;
// Získat čárový prvek pro změnu barvy
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// Nastavte novou hodnotu atributu "tah" pro prvek řádek
lineElement.SetAttribute("stroke", "blue");
// Uložte dokument SVG
document.Save("line-color.svg");
Nastavte barvu pozadí obrázku SVG v C#
Vzhled obrázků SVG můžete vylepšit nastavením barvy pozadí obrázků SVG pomocí následujících kroků:
- Nastavte jmenný prostor SVG a načtěte vstupní soubor.
- Vytvořte obdélníkový prvek a nastavte různé vlastnosti.
- Přidejte obdélníkový prvek jako prvního potomka a uložte výstupní soubor.
Níže uvedený fragment kódu ukazuje, jak programově nastavit barvu pozadí obrázku SVG v C#:
// Nastavit adresu URL jmenného prostoru SVG
string SvgNamespace = "http://www.w3.org/2000/svg";
// Načtěte dokument SVG ze souboru
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Získejte kořenový prvek svg dokumentu
SVGSVGElement svgElement = document.RootElement;
// Vytvořte obdélníkový prvek a nastavte hodnotu atributu "fill" pro změnu barvy pozadí
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");
// Přidejte obdélníkový prvek jako první podřízený prvek k prvku SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// Uložte dokument SVG
document.Save("background-color.svg");
Získejte bezplatnou zkušební licenci
Rozhraní API můžete hodnotit bez jakýchkoli omezení hodnocení získáním bezplatné zkušební licence.
Závěr
V tomto článku jste se naučili, jak změnit barvu různých prvků v obrázku SVG. Stejně tak jsou zde diskutovány podrobnosti o nastavení barvy pozadí obrázku SVG. Navíc se můžete podívat na další funkce API v sekci dokumentace. V případě jakýchkoliv dotazů nám napište na fórum.