From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/svg/element/feturbulence/index.html | 113 +++++++++++++++++++++++ 1 file changed, 113 insertions(+) create mode 100644 files/fr/web/svg/element/feturbulence/index.html (limited to 'files/fr/web/svg/element/feturbulence') diff --git a/files/fr/web/svg/element/feturbulence/index.html b/files/fr/web/svg/element/feturbulence/index.html new file mode 100644 index 0000000000..f94488cbb4 --- /dev/null +++ b/files/fr/web/svg/element/feturbulence/index.html @@ -0,0 +1,113 @@ +--- +title: +slug: Web/SVG/Element/feTurbulence +tags: + - Element + - SVG + - SVG Filter +translation_of: Web/SVG/Element/feTurbulence +--- +
{{SVGRef}}
+ +

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

+ +

{{svginfo}}

+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ + + +

Interface DOM

+ +

Cet élément implémente l'interface {{domxref("SVGFETurbulenceElement")}}.

+ +

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>
+ +

{{EmbedLiveSample('Exemple', 220, 220)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Filters 1.0', '#feTurbulenceElement', '<feTurbulence>')}}{{Spec2('Filters 1.0')}}Aucun changement
{{SpecName('SVG1.1', 'filters.html#feTurbulenceElement', '<feTurbulence>')}}{{Spec2('SVG1.1')}}Définition initiale
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("svg.elements.feTurbulence")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf