Filtres SVG


Filtres SVG

Les filtres SVG sont utilisés pour ajouter des effets spéciaux aux graphiques SVG.


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur prenant en charge les filtres SVG.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Éléments de filtre SVG

Dans les prochains chapitres, nous ne montrerons qu'une partie des effets de filtre possibles - et vous donnerons une idée de ce qui peut être fait avec SVG.

Les éléments de filtre disponibles en SVG sont :

  • <feBlend> - filtre pour combiner des images
  • <feColorMatrix> - filtre pour les transformations de couleur
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feÉclairage diffus>
  • <feDisplacementMap>
  • <feInondation>
  • <feGaussianFlou>
  • <feImage>
  • <feFusionner>
  • <feMorphologie>
  • <feOffset> - filtre pour les ombres portées
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - filtre pour l'éclairage
  • <fePointLight> - filtre pour l'éclairage
  • <feSpotLight> - filtre pour l'éclairage

Astuce : Vous pouvez utiliser plusieurs filtres sur chaque élément SVG !