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

La primitive de filtre <fePointLight> définit une source de lumière qui permet de créer un point lumineux. On la place dans une primitive de filtre d'éclairage: {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.

+ +

Contexte d'utilisation

+ +

{{svginfo}}

+ +

Attributs

+ +

Attributs globaux

+ + + +

Attributs spécifiques

+ + + +

Interface DOM

+ +

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

+ +

Exemple

+ +

SVG

+ +
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <filter id="spotlight">
+      <feSpecularLighting result="spotlight" specularConstant="1.5"
+          specularExponent="80" lighting-color="#FFF">
+        <fePointLight x="50" y="50" z="220"/>
+      </feSpecularLighting>
+      <feComposite in="SourceGraphic" in2="spotlight" operator="arithmetic"
+          k1="0" k2="1" k3="1" k4="0"/>
+    </filter>
+  </defs>
+
+  <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%"
+      width="80%" height="80%" style="filter:url(#spotlight);"/>
+</svg>
+ +

Résultat

+ +

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

+ +

Spécifications

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

Compatibilité des navigateurs

+ + + +

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

+ +

Voir aussi

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