From 88dda3c00eefc18a29447e99ebd3177925602b52 Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:45 +0100 Subject: convert content to md --- files/fr/web/svg/attribute/points/index.md | 197 +++++++++++++---------------- 1 file changed, 90 insertions(+), 107 deletions(-) (limited to 'files/fr/web/svg/attribute/points') diff --git a/files/fr/web/svg/attribute/points/index.md b/files/fr/web/svg/attribute/points/index.md index 1ca4f41fc7..24004a79bc 100644 --- a/files/fr/web/svg/attribute/points/index.md +++ b/files/fr/web/svg/attribute/points/index.md @@ -3,138 +3,121 @@ title: points slug: Web/SVG/Attribute/points translation_of: Web/SVG/Attribute/points --- -
{{SVGRef}}
+{{SVGRef}} -

L'attribut point 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.

+L'attribut **`point`** 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. -

Les éléments {{SVGElement("polyline")}} et {{SVGElement("polygon")}} utilisent cet attribut.

+Les éléments {{SVGElement("polyline")}} et {{SVGElement("polygon")}} utilisent cet attribut. -

Exemple

+## Exemple - +```css hidden +html,body,svg { height:100% } +``` -
<svg viewBox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg">
-  <!-- polyline est une forme ouverte -->
-  <polyline stroke="black" fill="none"
-   points="50,0 21,90 98,35 2,35 79,90"/>
+```html
+
+  
+  
 
-  <!-- polygon est une forme fermée -->
-  <polygon stroke="black" fill="none" transform="translate(100,0)"
-   points="50,0 21,90 98,35 2,35 79,90"/>
+  
+  
 
-  <!--
+  
+
+```
 
-
{{EmbedLiveSample('exemple', '100%', 200)}}

+{{EmbedLiveSample('exemple', '100%', 200)}}
 
-
polyline

+## polyline
 
-
Pour un élément {{SVGElement('polyline')}}, points 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.

+Pour un élément {{SVGElement('polyline')}}, `points` 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.
 
-

-  
Note : Un polygone est une forme ouverte, ce qui implique que le dernier point n'est pas connecté au premier point.

-

+> **Note :** Un polygone est une forme ouverte, ce qui implique que le dernier point n'est pas connecté au premier point.
 
 
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
+  
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+  
Valeur[ {{cssxref("number")}}+ ]#
Valeur par défautaucune
Peut être animéOui
Valeur[ {{cssxref("number")}}+ ]#
Valeur par défautaucune
Peut être animéOui

 

 
-
Exemple

+### Exemple
 
-
+```css hidden
+html,body,svg { height:100% }
+```
 
-
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
-  <!-- polyline est une forme ouverte -->
-  <polyline stroke="black" fill="none"
-   points="50,0 21,90 98,35 2,35 79,90"/>
-</svg>

+```html
+
+  
+  
+
+```
 
-
{{EmbedLiveSample('polyline', '100%', 200)}}

+{{EmbedLiveSample('polyline', '100%', 200)}}
 
-
polygon

+## polygon
 
-
Pour un élément {{SVGElement('polyline')}}, points 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.

+Pour un élément {{SVGElement('polyline')}}, `points` 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.
 
-

-  
Note : Un polygone est une forme fermée, ce qui implique que le dernier point est connecté au premier.

-

+> **Note :** Un polygone est une forme fermée, ce qui implique que le dernier point est connecté au premier.
 
 
- 
-  
-   
-   
-  
-  
-   
-   
-  
-  
-   
-   
-  
- 
+  
+    
+      
+      
+    
+    
+      
+      
+    
+    
+      
+      
+    
+  
Valeur[ {{cssxref("number")}}+ ]#
Valeur par défautaucune
Peut être animéOui
Valeur[ {{cssxref("number")}}+ ]#
Valeur par défautaucune
Peut être animéOui

 

 
-
Example

-
-
-
-
<svg viewBox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg">
-  <!-- polygon est une forme fermée -->
-  <polygon stroke="black" fill="none"
-   points="50,0 21,90 98,35 2,35 79,90" />
-</svg>

-
-
{{EmbedLiveSample('polygon', '100%', 200)}}

-
-
Spécification

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationStatusCommentaire
{{SpecName("SVG2", "shapes.html#PolygonElementPointsAttribute", "points")}}{{Spec2("SVG2")}}Définition de <polygon>
{{SpecName("SVG2", "shapes.html#PolylineElementPointsAttribute", "points")}}{{Spec2("SVG2")}}Définition de <polyline>
{{SpecName("SVG1.1", "shapes.html#PolygonElementPointsAttribute", "points")}}{{Spec2("SVG1.1")}}Définition initiale de <polygon>
{{SpecName("SVG1.1", "shapes.html#PolylineElementPointsAttribute", "points")}}{{Spec2("SVG1.1")}}Définition initiale de <polyline>

+### Example
+
+```css hidden
+html,body,svg { height:100% }
+```
+
+```html
+
+  
+  
+
+```
+
+{{EmbedLiveSample('polygon', '100%', 200)}}
+
+## Spécification
+
+| Spécification                                                                                            | Status                   | Commentaire                         |
+| -------------------------------------------------------------------------------------------------------- | ------------------------ | ----------------------------------- |
+| {{SpecName("SVG2", "shapes.html#PolygonElementPointsAttribute", "points")}}     | {{Spec2("SVG2")}} | Définition de ``           |
+| {{SpecName("SVG2", "shapes.html#PolylineElementPointsAttribute", "points")}}     | {{Spec2("SVG2")}} | Définition de ``          |
+| {{SpecName("SVG1.1", "shapes.html#PolygonElementPointsAttribute", "points")}} | {{Spec2("SVG1.1")}} | Définition initiale de ``  |
+| {{SpecName("SVG1.1", "shapes.html#PolylineElementPointsAttribute", "points")}} | {{Spec2("SVG1.1")}} | Définition initiale de `` |
-- 
cgit v1.2.3-54-g00ecf