Filtrowanie SVG

Filtrowanie SVG

Filtrowanie SVG jest używane do dodawania specjalnych efektów do grafik SVG.

Wsparcie przeglądarek dla filtrów SVG

Liczby w tabeli wskazują na pierwszą wersję przeglądarki wspierającej filtry SVG.

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

Elementy filtrów SVG

W następujących rozdziałach pokażemy niektóre możliwe efekty filtrów - i pokażemy, co może zrobić SVG.

Dostępne w SVG elementy filtracji:

  • <feBlend> - Filtracja do kompozycji obrazu
  • <feColorMatrix> - Filtracja kolorystyczna
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Filtracja cienia
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - Filtr oświetlenia
  • <fePointLight> - Filtr oświetlenia
  • <feSpotLight> - Filtr oświetlenia

Wskazówka: Możesz używać wielu filtrów na każdym elemencie SVG!