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/element/polyline/index.md | 162 +++++++++++++---------------- 1 file changed, 72 insertions(+), 90 deletions(-) (limited to 'files/fr/web/svg/element/polyline/index.md') diff --git a/files/fr/web/svg/element/polyline/index.md b/files/fr/web/svg/element/polyline/index.md index 42325ffe60..a8052c0607 100644 --- a/files/fr/web/svg/element/polyline/index.md +++ b/files/fr/web/svg/element/polyline/index.md @@ -8,122 +8,104 @@ tags: - SVG translation_of: Web/SVG/Element/polyline --- -
{{SVGRef}}
+{{SVGRef}} -

L'élément SVG <polyline> est une forme SVG basique qui crée des lignes entre plusieurs points. Un élément polyline est généralement utilisé pour créer des tracés ouverts car le dernier point n'est pas nécessairement connecté avec le premier. Lorsqu'on désire réaliser des formes fermées, on privilégiera l'élément {{SVGElement("polygon")}}.

+L'élément SVG **``** est une forme SVG basique qui crée des lignes entre plusieurs points. Un élément `polyline` est généralement utilisé pour créer des tracés ouverts car le dernier point n'est pas nécessairement connecté avec le premier. Lorsqu'on désire réaliser des formes fermées, on privilégiera l'élément {{SVGElement("polygon")}}. -

Contexte d'utilisation

+## Contexte d'utilisation -

{{svginfo}}

+{{svginfo}} -

Attributs

+## Attributs -

Attributs universels

+### Attributs universels - +- [Attributs de traitement conditionnel](/fr/docs/Web/SVG/Attribute#Attributs_de_traitement_conditionnel) +- [Attributs principaux](/fr/docs/Web/SVG/Attribute#Attributs_de_base) +- [Attributs relatifs aux évènements graphiques](/fr/docs/Web/SVG/Attribute#Attributs_d%27%C3%A9v%C3%A9nement_graphique) +- [Attributs de présentation](/fr/docs/Web/SVG/Attribute#Attributs_de_présentation) +- {{SVGAttr("class")}} +- {{SVGAttr("style")}} +- {{SVGAttr("externalResourcesRequired")}} +- {{SVGAttr("transform")}} -

Attributs spécifiques

+### Attributs spécifiques - +- {{SVGAttr("points")}} -

Interface DOM

+## Interface DOM -

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

+Cet élément implémente l'interface {{domxref("SVGPolylineElement")}}. -

Exemples

+## Exemples -

Utilisation basique

+### Utilisation basique -

SVG

+#### SVG -
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
-  <polyline fill="none" stroke="black"
-      points="20,100 40,60 70,80 100,20"/>
-</svg>
+```html + + + +``` -

Résultat

+#### Résultat -

{{EmbedLiveSample("Utilisation_basique", 120, 120)}}

+{{EmbedLiveSample("Utilisation_basique", 120, 120)}} -

Escaliers

+### Escaliers -

HTML

+#### HTML -
<div class="contain-demo">
-  <svg width="150" height="200">
-    <desc>
+```html
+

+  
+    
       Première polyligne orange avec
       remplissage blanc.
-    </desc>
-    <polyline
+    
+    
+  
+  
+    
       Seconde polyligne orange avec
       remplissage jaune.
-    </desc>
-    <polyline
+    
+    
+        fill="#F9F38C" stroke="#D07735" stroke-width="6" />
+  
+

+```
 
-
CSS

+#### CSS
 
-
.contain-demo {
+```css
+.contain-demo {
   margin: 25px auto;
   text-align: center;
-}

-
-
Résultat

-
-
{{EmbedLiveSample("Escaliers", 400, 500)}}

-
-
Spécifications

-
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
SpécificationÉtatCommentaires
{{SpecName('SVG2', 'shapes.html#PolylineElement', '<polyline>')}}{{Spec2('SVG2')}} 
{{SpecName('SVG1.1', 'shapes.html#PolylineElement', '<polyline>')}}{{Spec2('SVG1.1')}}Définition initiale.

-
-
Compatibilité des navigateurs

-
-
{{Compat("svg.elements.polyline")}}

-
-
Voir aussi

-
-
    
- 
  • {{SVGElement("line")}}
    • 
- 
  • {{SVGElement("polygon")}}
    • 
-

+}
+```
+
+#### Résultat
+
+{{EmbedLiveSample("Escaliers", 400, 500)}}
+
+## Spécifications
+
+| Spécification                                                                                    | État                     | Commentaires         |
+| ------------------------------------------------------------------------------------------------ | ------------------------ | -------------------- |
+| {{SpecName('SVG2', 'shapes.html#PolylineElement', '<polyline>')}} | {{Spec2('SVG2')}} |                      |
+| {{SpecName('SVG1.1', 'shapes.html#PolylineElement', '<polyline>')}} | {{Spec2('SVG1.1')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("svg.elements.polyline")}}
+
+## Voir aussi
+
+- {{SVGElement("line")}}
+- {{SVGElement("polygon")}}
-- 
cgit v1.2.3-54-g00ecf