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

Contenu supprimé Contenu ajouté
m →‎Texte : +foreignObject
Ligne 4 :
 
== Rectangles ==
 
<code>&lt;rect … /&gt;</code>
Un rectangle se dessine avec un élément <code> rect</code>. La syntaxe est <code>&lt;rect … /&gt;</code>, les attributs étant :
* <code>x</code> : coordonnée en ''x'' du point en haut à gauche du rectangle ; la valeur par défaut est <code>x="0"</code> ;
* <code>y</code> : coordonnée en ''y'' du point en haut à gauche du rectangle ; la valeur par défaut est <code>y="0"</code> ;
* <code>width</code> : largeur du rectangle, valeur nécessairement positive ;
* <code>height</code> : hauteur du rectangle, valeur nécessairement positive ;
* <code>rx</code> : pour un rectangle aux angles arrondis, rayon de l'ellipse selon l'axe ''x'' ;
* <code>ry</code> : pour un rectangle aux angles arrondis, rayon de l'ellipse selon l'axe ''y''.
Par exemple, le code suivant place un rectangle de {{unité|1.5|cm}} de large et de {{unité|3.2|cm}} de haut au point ({{unité|1|cm}}, {{unité|2|cm}}) :
<source lang="xml">
<rect x="1cm" y="2cm" width="1.5cm" height="3.2cm" />
</source>
 
== Cercles et ellipses ==