tutoriais mais recente desenvolvimento web
 

SVG filtros


Filtros SVG

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


Suporte a navegadores

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

SVG Filters 8 10.0 3.0 6 9,6

Elementos SVG filtro

Nos próximos capítulos, vamos apenas demonstrar um toque dos efeitos de filtro que são possíveis - e dar-lhe uma idéia do que pode ser feito com SVG.

Os elementos filtrantes disponíveis em SVG são:

  • <FeBlend> - filtrar para combinar imagens
  • <FeColorMatrix> - filtro para transformações de cores
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - filtro para sombras
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - Filtro para iluminação
  • <FePointLight> - Filtro para iluminação
  • <FeSpotLight> - Filtro para iluminação

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