Los últimos tutoriales de desarrollo web
 

SVG filtros


Filtros SVG

SVG filtros se utilizan para añadir efectos especiales a los gráficos SVG.


Soporte para el navegador

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

SVG Filters 8.0 10.0 3.0 6.0 9.6

Elementos de filtro SVG

En los próximos capítulos, sólo demostraremos un toque de los efectos de filtro que son posibles - y le dará una idea de lo que puede hacerse con SVG.

Los elementos de filtro disponibles en SVG son:

  • <FeBlend> - filtrar para combinar imágenes
  • <FeColorMatrix> - filtro para transformaciones de color
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - filtro de sombras
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - filtro para la iluminación
  • <FePointLight> - filtro para la iluminación
  • <FeSpotLight> - filtro para la iluminación

Consejo: Se pueden utilizar varios filtros en cada elemento SVG!