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 --- files/fr/web/svg/element/fedropshadow/index.html | 108 ----------------------- files/fr/web/svg/element/fedropshadow/index.md | 108 +++++++++++++++++++++++ 2 files changed, 108 insertions(+), 108 deletions(-) delete mode 100644 files/fr/web/svg/element/fedropshadow/index.html create mode 100644 files/fr/web/svg/element/fedropshadow/index.md (limited to 'files/fr/web/svg/element/fedropshadow') diff --git a/files/fr/web/svg/element/fedropshadow/index.html b/files/fr/web/svg/element/fedropshadow/index.html deleted file mode 100644 index 391d58637e..0000000000 --- a/files/fr/web/svg/element/fedropshadow/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: -slug: Web/SVG/Element/feDropShadow -tags: - - Element - - SVG - - SVG Filter -translation_of: Web/SVG/Element/feDropShadow ---- -
{{SVGRef}}
- -

La primitive de filtre <feDropShadow> crée une ombre portée pour l'image en entrée. Il s'agit d'un raccourci, le résultat du filtre <feDropShadow> revient à appliquer les primitives suivantes:

- -
<feGaussianBlur in="alpha-channel-of-feDropShadow-in"
-    stdDeviation="stdDeviation-of-feDropShadow"/>
-<feOffset dx="dx-of-feDropShadow" dy="dy-of-feDropShadow"
-    result="offsetblur"/>
-<feFlood flood-color="flood-color-of-feDropShadow"
-    flood-opacity="flood-opacity-of-feDropShadow"/>
-<feComposite in2="offsetblur" operator="in"/>
-<feMerge>
-  <feMergeNode/>
-  <feMergeNode in="in-of-feDropShadow"/>
-</feMerge>
-
- -

Contexte d'utilisation

- -

{{svginfo}}

- -

Attributs

- -

Attributs globaux

- - - -

Attributs spécifiques

- - - -

Interface DOM

- -

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

- -

Exemple

- -

SVG

- -
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <filter id="shadow">
-      <feDropShadow dx="4" dy="8" stdDeviation="4"/>
-    </filter>
-  </defs>
-
-  <circle cx="50%" cy="50%" r="80"
-      style="fill:blue; filter:url(#shadow);"/>
-</svg>
- -

Résultat

- -

{{EmbedLiveSample("Exemple", 200, 200)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName("Filters 1.0", "#feDropShadow", "<feDistantLight>")}}{{Spec2("Filters 1.0")}}Définition initiale
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/svg/element/fedropshadow/index.md b/files/fr/web/svg/element/fedropshadow/index.md new file mode 100644 index 0000000000..391d58637e --- /dev/null +++ b/files/fr/web/svg/element/fedropshadow/index.md @@ -0,0 +1,108 @@ +--- +title: +slug: Web/SVG/Element/feDropShadow +tags: + - Element + - SVG + - SVG Filter +translation_of: Web/SVG/Element/feDropShadow +--- +
{{SVGRef}}
+ +

La primitive de filtre <feDropShadow> crée une ombre portée pour l'image en entrée. Il s'agit d'un raccourci, le résultat du filtre <feDropShadow> revient à appliquer les primitives suivantes:

+ +
<feGaussianBlur in="alpha-channel-of-feDropShadow-in"
+    stdDeviation="stdDeviation-of-feDropShadow"/>
+<feOffset dx="dx-of-feDropShadow" dy="dy-of-feDropShadow"
+    result="offsetblur"/>
+<feFlood flood-color="flood-color-of-feDropShadow"
+    flood-opacity="flood-opacity-of-feDropShadow"/>
+<feComposite in2="offsetblur" operator="in"/>
+<feMerge>
+  <feMergeNode/>
+  <feMergeNode in="in-of-feDropShadow"/>
+</feMerge>
+
+ +

Contexte d'utilisation

+ +

{{svginfo}}

+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ +
    +
  • {{SVGAttr("class")}}
    • +
  • {{SVGAttr("style")}}
    • +
  • {{SVGAttr("in")}}
    • +
  • {{SVGAttr("stdDeviation")}}
    • +
  • {{SVGAttr("dx")}}
    • +
  • {{SVGAttr("dy")}}
    • +
+ +

Interface DOM

+ +

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

+ +

Exemple

+ +

SVG

+ +
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="shadow">
+      <feDropShadow dx="4" dy="8" stdDeviation="4"/>
+    </filter>
+  </defs>
+
+  <circle cx="50%" cy="50%" r="80"
+      style="fill:blue; filter:url(#shadow);"/>
+</svg>
+ +

Résultat

+ +

{{EmbedLiveSample("Exemple", 200, 200)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("Filters 1.0", "#feDropShadow", "<feDistantLight>")}}{{Spec2("Filters 1.0")}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ +
    +
  • {{SVGElement("filter")}}
    • +
  • {{SVGElement("feGaussianBlur")}}
    • +
  • {{SVGElement("feOffset")}}
    • +
  • {{SVGElement("feFlood")}}
    • +
  • {{SVGElement("feComposite")}}
    • +
  • {{SVGElement("feMerge")}}
    • +
  • Tutoriel SVG: Filtres
    • +
-- cgit v1.2.3-54-g00ecf