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 --- .../fr/web/svg/element/fespecularlighting/index.md | 117 +++++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 files/fr/web/svg/element/fespecularlighting/index.md (limited to 'files/fr/web/svg/element/fespecularlighting/index.md') diff --git a/files/fr/web/svg/element/fespecularlighting/index.md b/files/fr/web/svg/element/fespecularlighting/index.md new file mode 100644 index 0000000000..31b4e8ff78 --- /dev/null +++ b/files/fr/web/svg/element/fespecularlighting/index.md @@ -0,0 +1,117 @@ +--- +title: +slug: Web/SVG/Element/feSpecularLighting +tags: + - Element + - SVG + - SVG Filter + - SVG Light Source +translation_of: Web/SVG/Element/feSpecularLighting +--- +
{{SVGRef}}
+ +

La primitive de filtre SVG <feSpecularLighting> éclaire une image en utilisant son canal alpha en tant que relief. L'image résultante est une image RGBA qui dépend de la couleur de la lumière, de sa position et du relief de l'image en entrée. Le calcul de l'éclairage se fait suivant le modèle d'illumination de Phong.

+ +

La lumière crée par cette primitive de filtre peut être combinée avec une image de texture à l'aide de l'opérateur arithmetic de la primitive de filtre {{SVGElement("feComposite")}}. De multiples sources lumineuses peuvent être simulées en ajoutant plusieurs éléments à la texture.

+ +

Contexte d'utilisation

+ +

{{svginfo}}

+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ + + +

Interface DOM

+ +

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

+ +

Exemple

+ +
<svg height="200" width="200" viewBox="0 0 220 220"
+    xmlns="http://www.w3.org/2000/svg">
+  <filter id = "filter">
+    <feSpecularLighting result="specOut"
+        specularExponent="20" lighting-color="#bbbbbb">
+      <fePointLight x="50" y="75" z="200"/>
+    </feSpecularLighting>
+    <feComposite in="SourceGraphic" in2="specOut"
+        operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
+  </filter>
+  <circle cx="110" cy="110" r="100" style="filter:url(#filter)"/>
+</svg>
+ +

Résultat

+ +

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

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Filters 1.0', '#feSpecularLightingElement', '<feSpecularLighting>')}}{{Spec2('Filters 1.0')}}Suppression de la limitation sur l'attribut specularExponent.
{{SpecName('SVG1.1', 'filters.html#feSpecularLightingElement', '<feSpecularLighting>')}}{{Spec2('SVG1.1')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

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