Filtres SVG

Filtres SVG

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

Prise en charge des navigateurs des filtres SVG

Les numéros dans le tableau indiquent la version initiale du navigateur prenant en charge les filtres SVG.

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

Éléments de filtre SVG

Dans les prochaines sections, nous allons démontrer quelques effets possibles des filtres - et vous faire comprendre ce que peut faire SVG.

Les éléments de filtrage disponibles dans SVG sont :

  • <feBlend> - Filtre utilisé pour combiner des images
  • <feColorMatrix> - Filtre de transformation de couleur
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Filtrage des ombres
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> Filtre d'éclairage
  • <fePointLight> Filtre d'éclairage
  • <feSpotLight> Filtre d'éclairage

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