<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 primitive 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
html
<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
Specification |
---|
Filter Effects Module Level 1 # feTurbulenceElement |
Compatibilité des navigateurs
BCD tables only load in the browser