Filtros SVG – Código C#

¿Qué es un filtro SVG?

Los filtros SVG se utilizan ampliamente para agregar efectos especiales a mapas de bits o gráficos vectoriales. Los efectos de filtro son una forma de tratar un elemento visual antes de mostrarlo en el documento. En otras palabras, es un conjunto de operaciones que al aplicar sobre una imagen pueden producir una amplia variedad de efectos de color e iluminación, desenfoque, deformación, generación de ruido y textura, etc. Los filtros SVG son capaces de crear efectos complejos en el navegador y tienen el potencial para ser utilizado en una variedad de proyectos. Son compatibles con casi todos los navegadores modernos, incluidos los móviles.

El filtro se define por el elemento <filter> que se establece dentro de un elemento <defs>. Nunca se representa en sí mismo y se describe conceptualmente como el elemento que incluye a sus hijos: primitivos de filtro. El elemento <filter> tiene un conjunto de atributos, estos son algunos de ellos: x, y, ancho, alto, in, resultado, etc. Cada primitiva de filtro realiza una única operación gráfica que produce un resultado visible. La ventaja de los filtros SVG es la capacidad de combinar varios tipos. Los resultados obtenidos después de aplicar un filtro pueden ser la fuente de la imagen para otro filtro.

En los artículos de esta sección, le mostraremos cómo crear filtros en código SVG y describiremos ejemplos de C# sobre cómo implementar filtros SVG usando la biblioteca Aspose.SVG for .NET.

Los siguientes artículos están disponibles:

• Desenfoque gaussiano – En este artículo, aprenderá cómo escribir código SVG para crear un filtro Desenfoque gaussiano y considerará ejemplos detallados de C# sobre el uso de la clase SVGFEGaussianBlurElement para aplicar el efecto Desenfoque gaussiano a elementos SVG y mapas de bits.

• Efecto de sombra paralela: aprenda a escribir código SVG y crear un efecto de sombra paralela utilizando la API Aspose.SVG. Considere cómo aplicar el efecto de sombra paralela a formas y texto SVG.

• Efectos de iluminación SVG: aprenda a combinar múltiples filtros para crear y controlar efectos de iluminación SVG utilizando Aspose.SVG for .NET API.

• Filtros de color – Obtenga información sobre la primitiva de filtro feColorMatrix como uno de los filtros de color principales. Mire los fragmentos de código de C# que muestran cómo utilizar la operación de saturación de la primitiva de filtro feColorMatrix.

Para obtener más información sobre las primitivas de filtro, consulte el W3C Filter Effects Module.

Si se pregunta cómo escribir código SVG para crear filtros SVG, desenfoque gaussiano, efectos de sombra, efectos de iluminación o degradado lineal y degradado radial, visite el artículo Filtros y degradados SVG.