Filtry SVG


SVG filtry

Filtry SVG se používají k přidání speciálních efektů do grafiky SVG.


Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která podporuje filtry SVG.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Prvky filtru SVG

V dalších kapitolách předvedeme pouze dotek možných filtrových efektů – a dáme vám představu o tom, co lze s SVG dělat.

Dostupné filtrační prvky v SVG jsou:

  • <feBlend> - filtr pro spojování obrázků
  • <feColorMatrix> - filtr pro barevné transformace
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - filtr pro vržené stíny
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - filtr pro osvětlení
  • <fePointLight> - filtr pro osvětlení
  • <feSpotLight> - filtr pro osvětlení

Tip: Na každý prvek SVG můžete použít více filtrů!