« Découvrir le SVG/Éléments graphiques » : différence entre les versions

Contenu supprimé Contenu ajouté
Ligne 112 :
 
== Lignes et polygones ==
 
Pour tracer un segment de droite [M<sub>1</sub>M<sub>2</sub>], on utilise l'élément <code>line</code>. Les quatre attributs spécifiques sont simplement <code>x1</code>, <code>y1</code>, <code>x2</code> et <code>y2</code> : les coordonnées des deux extrémités M<sub>1</sub>(''x''<sub>1</sub>, ''y''<sub>1</sub>) et M<sub>2</sub>(''x''<sub>2</sub>, ''y''<sub>2</sub>).
 
On peut tracer une ligne brisée avec l'élément <code>polyline</code>. L'argument spécifique est <code>points</code> qui contient la liste des cordonnées. Les cordonnées peuvent être séparées par un espace, une virgule ou un retour à la ligne ; par exemple, pour relier les points M<sub>1</sub>(0, 0), M<sub>2</sub>(50, 50), M<sub>3</sub>(100, 0) et M<sub>4</sub>(150, 100), on peut écrire :
points="0 0 50 50 100 0 150 100"
ou bien
points="0 0, 50 50, 100 0, 150 100"
ou encore
points="0, 0
50, 50
100, 0
150, 100"
<code>&lt;line … /&gt;</code>, <code>&lt;polyline … /&gt;</code>, <code>&lt;polygon … /&gt;</code>