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 !