Filtros do SVG

Filtros do SVG

Filtros SVG são usados para adicionar efeitos especiais a gráficos SVG.

Suporte do navegador para filtros SVG

Os números na tabela indicam a primeira versão do navegador que suporta filtros SVG.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.0 6.0 9.6

Elementos de filtro SVG

Nos próximos capítulos, demonstraremos alguns efeitos de filtro possíveis - e mostraremos o que o SVG pode fazer.

Elementos de filtragem disponíveis no SVG:

  • <feBlend> - Filtros usados para combinar imagens
  • <feColorMatrix> - Filtros de transformação de cor
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Filtragem de sombra
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - Filtro de Iluminação
  • <fePointLight> - Filtro de Iluminação
  • <feSpotLight> - Filtro de Iluminação

Dica: Você pode usar vários filtros em cada elemento SVG!