Le immagini SVG stanno diventando popolari grazie alle loro caratteristiche di scalabilità e qualità. In alcuni scenari, potrebbe essere necessario modificare il colore delle immagini SVG per renderle più attraenti. Questo articolo illustra come modificare il colore di diversi elementi SVG a livello di codice in C#.
- Lavora con il colore degli elementi SVG - Installazione dell’API C# .NET
- Cambia il colore dell’elemento Circle di SVG in C#
- Cambia il colore dell’elemento linea di SVG in C#
- Imposta il colore di sfondo dell’immagine SVG in C#
Lavora con il colore degli elementi SVG – Installazione dell’API C# .NET
Puoi manipolare il colore di diversi elementi SVG come Circle, Line, ecc. con l’API Aspose.SVG for .NET. È sufficiente scaricare i file DLL da Nuove versioni o utilizzare il seguente comando di installazione NuGet:
PM> Install-Package Aspose.SVG
Cambia il colore dell’elemento Circle di SVG in C#
Puoi cambiare il colore dell’elemento circle di SVG in C# con i seguenti passaggi:
- Crea un’istanza della classe SVGDocument per caricare il file SVG di input.
- Ottieni l’elemento SVG root e circle del documento.
- Imposta attributo e colore per l’elemento SVG.
- Salva l’immagine SVG di output.
Il frammento di codice seguente elabora come modificare il colore dell’elemento circle di SVG in C#:
// Carica un documento SVG dal file
SVGDocument document = new SVGDocument("shapes.svg");
// Ottieni l'elemento svg radice del documento
SVGElement svgElement = document.RootElement;
// Ottieni l'elemento cerchio per cambiare colore
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;
// Imposta un nuovo valore di attributo "riempimento" per l'elemento cerchio
circleElement.SetAttribute("fill", "blue");
// Salva il documento SVG
document.Save("circle-color.svg");
Cambia il colore dell’elemento linea di SVG in C#
Segui i passaggi seguenti per modificare il colore dell’elemento Line in un’immagine SVG in C#:
- Inizializza un oggetto della classe SVGDocument per caricare l’immagine SVG di origine.
- Ottieni l’elemento radice e linea per modificare il colore.
- Salva il file SVG di output usando il metodo Salva.
Il frammento di codice seguente mostra come modificare il colore della linea nel file SVG a livello di codice in C#:
// Carica un documento SVG dal file
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Ottieni l'elemento svg radice del documento
SVGSVGElement svgElement = document.RootElement;
// Ottieni l'elemento linea per cambiare colore
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;
// Imposta un nuovo valore di attributo "tratto" per l'elemento linea
lineElement.SetAttribute("stroke", "blue");
// Salva il documento SVG
document.Save("line-color.svg");
Imposta il colore di sfondo dell’immagine SVG in C#
Puoi migliorare l’aspetto delle immagini SVG impostando il colore di sfondo delle immagini SVG con i seguenti passaggi:
- Imposta lo spazio dei nomi SVG e carica il file di input.
- Crea un elemento rettangolo e imposta proprietà diverse.
- Aggiungi l’elemento rettangolo come primo figlio e salva il file di output.
Il frammento di codice seguente mostra come impostare il colore di sfondo dell’immagine SVG a livello di codice in C#:
// Imposta l'URL dello spazio dei nomi SVG
string SvgNamespace = "http://www.w3.org/2000/svg";
// Carica un documento SVG dal file
SVGDocument document = new SVGDocument("basic-shapes.svg");
// Ottieni l'elemento svg radice del documento
SVGSVGElement svgElement = document.RootElement;
// Crea un elemento rettangolo e imposta il valore dell'attributo "riempimento" per cambiare il colore di sfondo
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");
// Aggiungi l'elemento rettangolo come primo figlio all'elemento SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);
// Salva il documento SVG
document.Save("background-color.svg");
Ottieni la licenza di valutazione gratuita
Puoi valutare l’API senza alcuna limitazione di valutazione ottenendo una licenza di valutazione gratuita.
Conclusione
In questo articolo, hai imparato come cambiare il colore di diversi elementi in un’immagine SVG. Allo stesso modo, qui vengono discussi anche i dettagli sull’impostazione del colore di sfondo di un’immagine SVG. Inoltre, puoi dare un’occhiata ad altre funzionalità dell’API nella sezione documentazione. In caso di domande, scrivici al forum.