SVG <polyline>

SVG polyline - <polyline>

Exemple 1

<polyline> L'élément est utilisé pour créer n'importe quel forme composée uniquement de lignes (connectées par plusieurs points) :

Ceci est le code SVG :

<svg height="200" width="500">
  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
  style="fill:none;stroke:black;stroke-width:3" />
</svg>

Essayez-le vous-même

Explication du code :

• L'attribut "points" définit la liste des points nécessaires pour dessiner une polyline (paires de coordonnées x et y)

Exemple 2

Un autre exemple avec des lignes seulement :

Ceci est le code SVG :

<svg height="180" width="500">
  <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
  style="fill:white;stroke:red;stroke-width:4" />
</svg>

Essayez-le vous-même