initial commit

1 files changed, 142 insertions, 0 deletions

diff --git a/files/fr/web/svg/attribute/points/index.html b/files/fr/web/svg/attribute/points/index.html
new file mode 100644
index 0000000000..7c78fd2030
--- /dev/null
+++ b/files/fr/web/svg/attribute/points/index.html
@@ -0,0 +1,142 @@
+---
+title: points
+slug: Web/SVG/Attribute/points
+translation_of: Web/SVG/Attribute/points
+---
+<div>{{SVGRef}}</div>
+
+<p>L'attribut <code><strong>point</strong></code> défini une liste de points. Chaque point est défini par deux nombres représentant les coordonnées X et Y dans le système de coordonnées de l'utilisateur. Si une coordonnées est dépareillée elle sera ignorée.</p>
+
+<p>Les éléments {{SVGElement("polyline")}} et {{SVGElement("polygon")}} utilisent cet attribut.</p>
+
+<div id="topExample">
+<div class="hidden">
+<pre class="brush: css">html,body,svg { height:100% }</pre>
+</div>
+
+<pre class="brush: html">&lt;svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;!-- polyline est une forme ouverte --&gt;
+  &lt;polyline stroke="black" fill="none"
+   points="50,0 21,90 98,35 2,35 79,90"/&gt;
+
+  &lt;!-- polygon est une forme fermée --&gt;
+  &lt;polygon stroke="black" fill="none" transform="translate(100,0)"
+   points="50,0 21,90 98,35 2,35 79,90"/&gt;
+
+  &lt;!--
+  Il est généralement recommendé de séparer les valeurs X et Y
+  avec une virgule et les coordonées avec des espaces.
+  Cela est plus lisible.
+  --&gt;
+&lt;/svg&gt;</pre>
+
+<p>{{EmbedLiveSample('topExample', '100%', 200)}}</p>
+</div>
+
+<h2 id="polyline">polyline</h2>
+
+<p>Pour un élément {{SVGElement('polyline')}}, <code>points</code> défini une liste de point, chaqu'un représente le vecteur pour tracer la ligne. Chaque point est défini par X et Y dans le système de coordonées de l'utilisateur.</p>
+
+<p class="note"><strong>Remarque:</strong> Un polygone est une forme ouverte, ce qui implique que le dernier point n'est pas connecté au premier point.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">Valeur</th>
+   <td>[ {{cssxref("number")}}+ ]#</td>
+  </tr>
+  <tr>
+   <th scope="row">Valeur par défaut</th>
+   <td><em>aucune</em></td>
+  </tr>
+  <tr>
+   <th scope="row">Peut être animé</th>
+   <td>Oui</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Exemple">Exemple</h3>
+
+<div class="hidden">
+<pre class="brush: css">html,body,svg { height:100% }</pre>
+</div>
+
+<pre class="brush: html">&lt;svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;!-- polyline est une forme ouverte --&gt;
+  &lt;polyline stroke="black" fill="none"
+   points="50,0 21,90 98,35 2,35 79,90"/&gt;
+&lt;/svg&gt;</pre>
+
+<p>{{EmbedLiveSample('polyline', '100%', 200)}}</p>
+
+<h2 id="polygon">polygon</h2>
+
+<p>Pour un élément {{SVGElement('polyline')}}, <code>points</code> défini une liste de point, chaqu'un représente le vecteur pour tracer la ligne. Chaque point est défini par X et Y dans le système de coordonées de l'utilisateur.</p>
+
+<p class="note"><strong>Remarque:</strong> Un polygone est une forme fermée, ce qui implique que le dernier point est connecté au premier.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row">Valeur</th>
+   <td>[ {{cssxref("number")}}+ ]#</td>
+  </tr>
+  <tr>
+   <th scope="row">Valeur par défaut</th>
+   <td><em>aucune</em></td>
+  </tr>
+  <tr>
+   <th scope="row">Peut être animé</th>
+   <td>Oui</td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="Example">Example</h3>
+
+<div class="hidden">
+<pre class="brush: css">html,body,svg { height:100% }</pre>
+</div>
+
+<pre class="brush: html">&lt;svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"&gt;
+  &lt;!-- polygon est une forme fermée --&gt;
+  &lt;polygon stroke="black" fill="none"
+   points="50,0 21,90 98,35 2,35 79,90" /&gt;
+&lt;/svg&gt;</pre>
+
+<p>{{EmbedLiveSample('polygon', '100%', 200)}}</p>
+
+<h2 id="Spécification">Spécification</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spécification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Commentaire</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("SVG2", "shapes.html#PolygonElementPointsAttribute", "points")}}</td>
+   <td>{{Spec2("SVG2")}}</td>
+   <td>Définition de <code>&lt;polygon&gt;</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("SVG2", "shapes.html#PolylineElementPointsAttribute", "points")}}</td>
+   <td>{{Spec2("SVG2")}}</td>
+   <td>Définition de <code>&lt;polyline&gt;</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("SVG1.1", "shapes.html#PolygonElementPointsAttribute", "points")}}</td>
+   <td>{{Spec2("SVG1.1")}}</td>
+   <td>Définition initiale de <code>&lt;polygon&gt;</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("SVG1.1", "shapes.html#PolylineElementPointsAttribute", "points")}}</td>
+   <td>{{Spec2("SVG1.1")}}</td>
+   <td>Définition initiale de <code>&lt;polyline&gt;</code></td>
+  </tr>
+ </tbody>
+</table>