cambiar el color SVG csharp

Las imágenes SVG se están volviendo populares debido a sus funciones de escalabilidad y calidad. En algunos escenarios, es posible que deba cambiar el color de las imágenes SVG para hacerlas más atractivas. Este artículo cubre cómo cambiar el color de diferentes elementos SVG mediante programación en C#.

Trabajar con el color de los elementos SVG: instalación de la API de C# .NET

Puede manipular el color de diferentes elementos SVG como círculo, línea, etc. con Aspose.SVG for .NET API. Simplemente descargue los archivos DLL de Nuevas versiones, o use el siguiente comando de instalación NuGet:

PM> Install-Package Aspose.SVG

Cambiar el color del elemento circular de SVG en C#

Puede cambiar el color del elemento circular de SVG en C# con los siguientes pasos:

  1. Cree una instancia de la clase SVGDocument para cargar el archivo SVG de entrada.
  2. Obtenga la raíz y circule el elemento SVG del documento.
  3. Establezca el atributo y el color para el elemento SVG.
  4. Guarde la imagen SVG de salida.

El fragmento de código a continuación explica cómo cambiar el color del elemento circular de SVG en C#:

// Cargue un documento SVG desde el archivo
SVGDocument document = new SVGDocument("shapes.svg");

// Obtenga el elemento svg raíz del documento
SVGElement svgElement = document.RootElement;

// Obtener elemento circular para cambiar de color.
SVGCircleElement circleElement = svgElement.QuerySelector("circle") as SVGCircleElement;

// Establecer un nuevo valor de atributo de "relleno" para el elemento de círculo
circleElement.SetAttribute("fill", "blue");

// Guarde el documento SVG
document.Save("circle-color.svg");

Cambiar el color del elemento de línea de SVG en C#

Siga los pasos a continuación para cambiar el color del elemento Línea en una imagen SVG en C#:

  • Inicialice un objeto de la clase SVGDocument para cargar la imagen SVG de origen.
  • Obtenga elementos raíz y de línea para modificar el color.
  • Guarde el archivo SVG de salida utilizando el método Save.

El siguiente fragmento de código muestra cómo cambiar el color de línea en un archivo SVG mediante programación en C#:

// Cargue un documento SVG desde el archivo
SVGDocument document = new SVGDocument("basic-shapes.svg");

// Obtenga el elemento svg raíz del documento
SVGSVGElement svgElement = document.RootElement;

// Obtener elemento de línea para cambiar de color
SVGLineElement lineElement = svgElement.QuerySelector("line") as SVGLineElement;

// Establecer un nuevo valor de atributo de "trazo" para el elemento de línea
lineElement.SetAttribute("stroke", "blue");

// Guarde el documento SVG
document.Save("line-color.svg");

Establecer el color de fondo de la imagen SVG en C#

Puede mejorar la apariencia de las imágenes SVG configurando el color de fondo de las imágenes SVG con los siguientes pasos:

  • Establezca el espacio de nombres SVG y cargue el archivo de entrada.
  • Cree un elemento rectangular y establezca diferentes propiedades.
  • Agregue el elemento rectángulo como primer elemento secundario y guarde el archivo de salida.

El fragmento de código siguiente muestra cómo configurar el color de fondo de la imagen SVG mediante programación en C#:

// Establecer URL de espacio de nombres SVG
string SvgNamespace = "http://www.w3.org/2000/svg";

// Cargue un documento SVG desde el archivo
SVGDocument document = new SVGDocument("basic-shapes.svg");

// Obtenga el elemento svg raíz del documento
SVGSVGElement svgElement = document.RootElement;

// Cree un elemento rectangular y establezca el valor del atributo "relleno" para cambiar el color de fondo
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");

// Agregue el elemento rectángulo como el primer hijo del elemento SVG
svgElement.InsertBefore(rectElement, svgElement.FirstChild);

// Guarde el documento SVG
document.Save("background-color.svg");

Obtenga una licencia de evaluación gratuita

Puede evaluar la API sin ninguna limitación de evaluación al obtener una licencia de evaluación gratuita.

Conclusión

En este artículo, ha aprendido a cambiar el color de diferentes elementos en una imagen SVG. Del mismo modo, aquí también se analizan los detalles sobre la configuración del color de fondo de una imagen SVG. Además, puedes echar un vistazo a otras características de la API en la sección documentación. En caso de cualquier consulta, escríbanos al foro.

Ver también

Convertir SVG a HTML en Linux en C#