From 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:27 +0100 Subject: move *.html to *.md --- .../web/svg/element/fedisplacementmap/index.html | 117 --------------------- .../fr/web/svg/element/fedisplacementmap/index.md | 117 +++++++++++++++++++++ 2 files changed, 117 insertions(+), 117 deletions(-) delete mode 100644 files/fr/web/svg/element/fedisplacementmap/index.html create mode 100644 files/fr/web/svg/element/fedisplacementmap/index.md (limited to 'files/fr/web/svg/element/fedisplacementmap') diff --git a/files/fr/web/svg/element/fedisplacementmap/index.html b/files/fr/web/svg/element/fedisplacementmap/index.html deleted file mode 100644 index 0376d57594..0000000000 --- a/files/fr/web/svg/element/fedisplacementmap/index.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -title: -slug: Web/SVG/Element/feDisplacementMap -tags: - - Element - - SVG - - SVG Filter -translation_of: Web/SVG/Element/feDisplacementMap ---- -
{{SVGRef}}
- -

La primitive de filtre SVG <feDisplacementMap> utilise les valeurs de pixel de l'image de {{SVGAttr("in2")}} pour déplacer spatialement l'image de {{SVGAttr("in")}}.

- -

La formule utilisée pour la transformation est comme suit:

- -
P'(x,y) ← P( x + scale * (XC(x,y) - 0.5), y + scale * (YC(x,y) - 0.5))
- -

où P(x,y) est l'image en entrée, {{SVGAttr("in")}}, et P'(x,y) est la destination. XC(x,y) et YC(x,y) sont les valeurs des composants du canal désigné par {{SVGAttr("xChannelSelector")}} et {{SVGAttr("yChannelSelector")}}.

- -

Contexte d'utilisation

- -

{{svginfo}}

- -

Attributs

- -

Attributs globaux

- - - -

Attributs spécifiques

- - - -

Interface DOM

- -

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

- -

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', '#feDisplacementMapElement', '<feDisplacementMap>')}}{{Spec2('Filters 1.0')}}Aucun changement
{{SpecName('SVG1.1', 'filters.html#feDisplacementMapElement', '<feDisplacementMap>')}}{{Spec2('SVG1.1')}}Définition initiale
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/svg/element/fedisplacementmap/index.md b/files/fr/web/svg/element/fedisplacementmap/index.md new file mode 100644 index 0000000000..0376d57594 --- /dev/null +++ b/files/fr/web/svg/element/fedisplacementmap/index.md @@ -0,0 +1,117 @@ +--- +title: +slug: Web/SVG/Element/feDisplacementMap +tags: + - Element + - SVG + - SVG Filter +translation_of: Web/SVG/Element/feDisplacementMap +--- +
{{SVGRef}}
+ +

La primitive de filtre SVG <feDisplacementMap> utilise les valeurs de pixel de l'image de {{SVGAttr("in2")}} pour déplacer spatialement l'image de {{SVGAttr("in")}}.

+ +

La formule utilisée pour la transformation est comme suit:

+ +
P'(x,y) ← P( x + scale * (XC(x,y) - 0.5), y + scale * (YC(x,y) - 0.5))
+ +

où P(x,y) est l'image en entrée, {{SVGAttr("in")}}, et P'(x,y) est la destination. XC(x,y) et YC(x,y) sont les valeurs des composants du canal désigné par {{SVGAttr("xChannelSelector")}} et {{SVGAttr("yChannelSelector")}}.

+ +

Contexte d'utilisation

+ +

{{svginfo}}

+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ +
    +
  • {{SVGAttr("in")}}
    • +
  • {{SVGAttr("in2")}}
    • +
  • {{SVGAttr("scale")}}
    • +
  • {{SVGAttr("xChannelSelector")}}
    • +
  • {{SVGAttr("yChannelSelector")}}
    • +
+ +

Interface DOM

+ +

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

+ +

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', '#feDisplacementMapElement', '<feDisplacementMap>')}}{{Spec2('Filters 1.0')}}Aucun changement
{{SpecName('SVG1.1', 'filters.html#feDisplacementMapElement', '<feDisplacementMap>')}}{{Spec2('SVG1.1')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ +
    +
  • {{SVGElement("filter")}}
    • +
  • {{SVGElement("animate")}}
    • +
  • {{SVGElement("set")}}
    • +
  • {{SVGElement("feBlend")}}
    • +
  • {{SVGElement("feColorMatrix")}}
    • +
  • {{SVGElement("feComponentTransfer")}}
    • +
  • {{SVGElement("feComposite")}}
    • +
  • {{SVGElement("feConvolveMatrix")}}
    • +
  • {{SVGElement("feDiffuseLighting")}}
    • +
  • {{SVGElement("feFlood")}}
    • +
  • {{SVGElement("feGaussianBlur")}}
    • +
  • {{SVGElement("feImage")}}
    • +
  • {{SVGElement("feMerge")}}
    • +
  • {{SVGElement("feMorphology")}}
    • +
  • {{SVGElement("feOffset")}}
    • +
  • {{SVGElement("feSpecularLighting")}}
    • +
  • {{SVGElement("feTile")}}
    • +
  • {{SVGElement("feTurbulence")}}
    • +
  • Tutoriel SVG: Filtres
    • +
-- cgit v1.2.3-54-g00ecf