Les éléments de dessin reconnus sont :
-
<svg:g>
Ceci est l'élément groupe. Vous pouvez y placer d'autres éléments. Le contenu de l'attribut style de l'élément g est propagé aux éléments contenus (à moins qu'ils ne les modifient).
-
<svg:line x1="..." y1="..." x2="..." y2="..."/>
Cet élément est une ligne.
-
<svg:polyline points="...."/>
Ceci est une ligne brisée (une collection de segments de droite connectés). L'attribut « points » contient les coordonnées des extrémités des segments. Les coordonnées sont séparées par un blanc ou des virgules. Le format suggéré est "
x1,y1 x2,y2 x3,y3 ...
". -
<svg:polygon points="...."/>
Ceci est un polygone. L'argument « points » est du même format que celui de l'élément « polyline ».
-
<svg:rect x1="..." y1="..." width="..." height="..."/>
Ceci est un rectangle. Le coin supérieur gauche est (x1,y1), et le coin inférieur droit est (x1+width,y1+height).
-
<svg:image x1="..." y1="..." width="..." height="..." xlink:href="..." />
Ceci est une image externe. Le supérieur gauche est (x1,y1), et le coin inférieur droit est (x1+width,y1+height). Deux formes de lien sont pris en charge : un chemin absolu de la forme "
file:///home/user/image.png
", ou relatif sans le préfixefile://
comme dans "image.png
". La dernière forme est préférable car indépendante de l'installation. Le nom de fichier est relatif à l'emplacement du fichier de forme (xxx.shape). Dans l'exemple ci-dessus les fichiers PNG et shape doivent être dans le même répertoire.Note pour les unices, on parle bien de répertoire (directory) et non de dossier (folder). Par exemple les commande «
cd
» (change directory), et, sous Windows, «dir
». -
<svg:circle cx="..." cy="..." r="..."/>
Ceci est un cercle de centre (cx,cy) et de rayon r.
-
<svg:ellipse cx="..." cy="..." rx="..." ry="..."/>
Ceci est une ellipse de centre (cx, cy), de rayon rx dans la direction x, et de rayon ry dans la direction y.
-
<svg:path d="...."/>
Ceci est l'élément de dessin le plus complexe. Il décrit un chemin fait de segments de droite et de courbes de bézier. Actuellement, il ne prend en charge ni l'arc elliptique ni les courbes de bézier quadratiques. La chaîne « d » est faite de commandes de la forme "x arg1 arg2 ..." où « x » est le code de caractère identifiant la commande, et où les arguments sont des nombres séparés par un blanc ou des virgules. Chaque commande a une variante absolue et relative. Les commandes relatives sont données par une lettre minuscule. Elles utilisent le point d'extrémité de la commande précédente comme point d'origine.
Les commandes prises en charge sont :
Si le chemin est fermé avecM x,y
: Bouge le curseurL x,y
: Dessine une ligne jusqu'à (x,y)H x
: Dessine une ligne horizontale jusqu'à xV y
: Dessine une ligne verticale jusqu'à yC x1,y1 x2,y2, x3,y3
: Dessine une courbe de bézier jusqu'à (x3,y3) avec (x1,y1) et (x2,y2) comme points de contrôle.S x1,y1 x2,y2
: Même chose qu'au-dessus, mais dessine un bézier lisse : le premier point de contrôle est déduit du bézier précédent.Z
: Ferme le chemin.
z
ouZ
, il peut être rempli. Autrement, il est juste dessiné. -
<svg:text x="..." y="..." style="...">...</svg:text>
Un texte dans la forme. Le texte doit se situer entre les balises.
Les paramètres sont :
x,y
: La position du textestyle
: Les options de formatage de texteLes options de style sont les suivantes :
font-size
: Taille de la fonte en « pt » (point)