Derniers tutoriels de développement web
 

SVG Filtres


Filtres SVG

Filtres SVG sont utilisés pour ajouter des effets spéciaux à des graphiques SVG.


support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge les filtres SVG.

SVG Filters 8.0 10.0 3.0 6.0 9.6

Elements SVG Filter

Dans les chapitres suivants, nous allons seulement de démontrer une touche des effets de filtre qui sont possibles - et vous donner une idée de ce qui peut être fait avec SVG.

Les éléments filtrants sont disponibles dans SVG:

  • <FeBlend> - filtrer pour combiner des images
  • <FeColorMatrix> - filtre pour les transformations de couleurs
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <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!