Filtros SVG


Filtros SVG

Los filtros SVG se utilizan para agregar efectos especiales a los gráficos SVG.


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que admite filtros SVG.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Elementos de filtro SVG

En los próximos capítulos, solo demostraremos un poco de los efectos de filtro que son posibles y le daremos una idea de lo que se puede hacer con SVG.

Los elementos de filtro disponibles en SVG son:

  • <feBlend> - filtro para combinar imágenes
  • <feColorMatrix> - filtro para transformaciones de color
  • <feTransferenciaComponente>
  • <feCompuesto>
  • <feConvolveMatrix>
  • <feIluminación Difusa>
  • <feMapa de desplazamiento>
  • <feInundación>
  • <feDesenfoque gaussiano>
  • <feImagen>
  • <feFusionar>
  • <feMorfología>
  • <feOffset> - filtro para sombras paralelas
  • <feIluminación Especular>
  • <feTile>
  • <feTurbulencia>
  • <feDistantLight> - filtro para iluminación
  • <fePointLight> - filtro para iluminación
  • <feSpotLight> - filtro para iluminación

Consejo: ¡Puedes usar múltiples filtros en cada elemento SVG!