SVG- filters


SVG-filters

SVG-filters worden gebruikt om speciale effecten aan SVG-afbeeldingen toe te voegen.


Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die SVG-filters ondersteunt.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

SVG-filterelementen

In de volgende hoofdstukken zullen we slechts een klein deel van de mogelijke filtereffecten demonstreren - en u een idee geven van wat er met SVG kan worden gedaan.

De beschikbare filterelementen in SVG zijn:

  • <feBlend> - filter voor het combineren van afbeeldingen
  • <feColorMatrix> - filter voor kleurtransformaties
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorfologie>
  • <feOffset> - filter voor slagschaduwen
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulentie>
  • <feDistantLight> - filter voor verlichting
  • <fePointLight> - filter voor verlichting
  • <feSpotLight> - filter voor verlichting

Tip: U kunt meerdere filters gebruiken op elk SVG-element!