<feTurbulence>

La primitive de filtre SVG <feTurbulence> crée une image en utilisant la fonction de turbulence de Perlin. Cela permet de créer des textures artificielles comme des nuages, du marbre, etc.

Contexte d'utilisation

CatégoriesÉlément de filtre
Contenu autoriséTout élément de cette liste, quel qu'en soit l'ordre:
<animate>, <set> (en-US)

Attributs

Attributs globaux

Attributs spécifiques

Interface DOM

Cet élément implémente l'interface SVGFETurbulenceElement (en-US).

Exemple

<svg width="200" height="200" viewBox="0 0 220 220"
     xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence type="turbulence" baseFrequency="0.05"
        numOctaves="2" result="turbulence"/>
    <feDisplacementMap in2="turbulence" in="SourceGraphic"
        scale="50" xChannelSelector="R" yChannelSelector="G"/>
  </filter>

  <circle cx="100" cy="100" r="100"
      style="filter: url(#displacementFilter)"/>
</svg>

Spécifications

Spécification Statut Commentaire
Filter Effects Module Level 1
La définition de '<feTurbulence>' dans cette spécification.
Version de travail Aucun changement
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
La définition de '<feTurbulence>' dans cette spécification.
Recommendation Définition initiale

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi