SVG <polyligne>
Polyligne SVG - <polyligne>
Exemple 1
L'élément <polyline> est utilisé pour créer n'importe quelle forme composée uniquement de lignes droites (qui sont reliées en plusieurs points) :
Voici le code SVG :
Exemple
<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>
Explication du code :
- L'attribut points définit la liste des points (couples de coordonnées x et y) nécessaires pour dessiner la polyligne
Exemple 2
Un autre exemple avec uniquement des lignes droites :
Voici le code SVG :
Exemple
<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>