efectos de filtro SVG

Los efectos de filtro SVG se aplican a archivos de gráficos vectoriales escalables (SVG). SVG es un formato XML de estándar abierto para gráficos vectoriales bidimensionales , definido por el Consorcio World Wide Web (W3C). Un efecto de filtro consiste en una serie de operaciones gráficas que se aplican a un gráfico vectorial de origen para producir un resultado de mapa de bits modificado .

Los efectos de filtro se definen mediante elementos de filtro. La filterpropiedad se establece en un elemento contenedor o en un elemento gráfico para aplicarle un efecto de filtro. Cada filterelemento contiene un conjunto de primitivas de filtro como elementos secundarios. Cada primitiva de filtro realiza una única operación gráfica fundamental (por ejemplo, un desenfoque gaussiano o un efecto de iluminación) sobre una o más entradas, produciendo un resultado gráfico. Dado que la mayoría de las primitivas de filtro representan algún tipo de procesamiento de imagen, en la mayoría de los casos la salida de una primitiva de filtro es una única imagen de mapa de bits RGBA (sin embargo, se regenerará si se solicita una resolución mayor).

El gráfico original o el resultado de un filtro primitivo se puede usar como entrada para uno o más filtros primitivos. Una aplicación común es usar el gráfico original varias veces. Por ejemplo, un filtro simple podría reemplazar un gráfico por dos agregando una copia negra del gráfico original, pero desplazada para crear una sombra paralela . En efecto, ahora hay dos capas de gráficos, ambas con el mismo gráfico original.

La siguiente tabla enumera las primitivas de filtro disponibles tanto en SVG 1.0 como en SVG 1.1. SVG Tiny no admite efectos de filtro, mientras que SVG Basic solo admite las primitivas de filtro que se muestran:

El borrador actual del Módulo de Efectos de Filtro Nivel 1 agrega una primitiva de filtro para sombra paralela . Esta primitiva, feDropShadow, es simplemente una abreviatura de una combinación de otras primitivas de filtro. ^{[ 1 ]}

• Efectos de filtro – SVG 1.1 (Segunda edición) Especificaciones W3C
• Introducción a SVG del W3C: Filtros. Capítulo y ejemplos de la Introducción al SVG del W3C (borrador) sobre filtros.
• FILDROP Un conjunto de efectos de filtro SVG personalizados y efectos de filtro de generador
• SVG Filter Builder: Una herramienta interactiva y visual para programar filtros SVG que se puede utilizar tanto para visualizar filtros existentes (subiendo un archivo SVG) como para diseñar los suyos propios desde cero y guardarlos.