aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/svg/element/fepointlight/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/svg/element/fepointlight/index.md')
-rw-r--r--files/fr/web/svg/element/fepointlight/index.md165
1 files changed, 72 insertions, 93 deletions
diff --git a/files/fr/web/svg/element/fepointlight/index.md b/files/fr/web/svg/element/fepointlight/index.md
index ad36103039..1de067e3a5 100644
--- a/files/fr/web/svg/element/fepointlight/index.md
+++ b/files/fr/web/svg/element/fepointlight/index.md
@@ -8,96 +8,75 @@ tags:
- SVG Light Source
translation_of: Web/SVG/Element/fePointLight
---
-<div>{{SVGRef}}</div>
-
-<p>La primitive de filtre <strong><code>&lt;fePointLight&gt;</code></strong> 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")}}.</p>
-
-<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2>
-
-<p>{{svginfo}}</p>
-
-<h2 id="Attributs">Attributs</h2>
-
-<h3 id="Attributs_globaux">Attributs globaux</h3>
-
-<ul>
- <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base">Attributs de base</a></li>
-</ul>
-
-<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>
-
-<ul>
- <li>{{SVGAttr("x")}}</li>
- <li>{{SVGAttr("y")}}</li>
- <li>{{SVGAttr("z")}}</li>
-</ul>
-
-<h2 id="Interface_DOM">Interface DOM</h2>
-
-<p>Cet élément implémente l'interface {{domxref("SVGFEPointLightElement")}}.</p>
-
-<h2 id="Exemple">Exemple</h2>
-
-<h3 id="SVG">SVG</h3>
-
-<pre class="brush: html; highlight[7]">&lt;svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
- &lt;defs&gt;
- &lt;filter id="spotlight"&gt;
- &lt;feSpecularLighting result="spotlight" specularConstant="1.5"
- specularExponent="80" lighting-color="#FFF"&gt;
- &lt;fePointLight x="50" y="50" z="220"/&gt;
- &lt;/feSpecularLighting&gt;
- &lt;feComposite in="SourceGraphic" in2="spotlight" operator="arithmetic"
- k1="0" k2="1" k3="1" k4="0"/&gt;
- &lt;/filter&gt;
- &lt;/defs&gt;
-
- &lt;image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%"
- width="80%" height="80%" style="filter:url(#spotlight);"/&gt;
-&lt;/svg&gt;</pre>
-
-<h3 id="Résultat">Résultat</h3>
-
-<p>{{EmbedLiveSample("Exemple", 200, 200)}}</p>
-
-<h2 id="Spécifications">Spécifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Filters 1.0', '#fePointLightElement', '&lt;fePointLight&gt;')}}</td>
- <td>{{Spec2('Filters 1.0')}}</td>
- <td>Aucun changement</td>
- </tr>
- <tr>
- <td>{{SpecName('SVG1.1', 'filters.html#fePointLightElement', '&lt;fePointLight&gt;')}}</td>
- <td>{{Spec2('SVG1.1')}}</td>
- <td>Définition initiale</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("svg.elements.fePointLight")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>{{SVGElement("filter")}}</li>
- <li>{{SVGElement("animate")}}</li>
- <li>{{SVGElement("set")}}</li>
- <li>{{SVGElement("feDiffuseLighting")}}</li>
- <li>{{SVGElement("feSpecularLighting")}}</li>
- <li>{{SVGElement("feDistantLight")}}</li>
- <li>{{SVGElement("feSpotLight")}}</li>
- <li><a href="/fr/docs/Web/SVG/Tutoriel/filtres">Tutoriel SVG: Filtres</a></li>
-</ul>
+{{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 de base](/fr/docs/Web/SVG/Attribute#Attributs_de_base)
+
+### Attributs spécifiques
+
+- {{SVGAttr("x")}}
+- {{SVGAttr("y")}}
+- {{SVGAttr("z")}}
+
+## Interface DOM
+
+Cet élément implémente l'interface {{domxref("SVGFEPointLightElement")}}.
+
+## Exemple
+
+### SVG
+
+```html
+<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écification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------- |
+| {{SpecName('Filters 1.0', '#fePointLightElement', '&lt;fePointLight&gt;')}} | {{Spec2('Filters 1.0')}} | Aucun changement |
+| {{SpecName('SVG1.1', 'filters.html#fePointLightElement', '&lt;fePointLight&gt;')}} | {{Spec2('SVG1.1')}} | Définition initiale |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.fePointLight")}}
+
+## Voir aussi
+
+- {{SVGElement("filter")}}
+- {{SVGElement("animate")}}
+- {{SVGElement("set")}}
+- {{SVGElement("feDiffuseLighting")}}
+- {{SVGElement("feSpecularLighting")}}
+- {{SVGElement("feDistantLight")}}
+- {{SVGElement("feSpotLight")}}
+- [Tutoriel SVG: Filtres](/fr/docs/Web/SVG/Tutoriel/filtres)