« Découvrir le SVG/Éléments graphiques » : différence entre les versions
Contenu supprimé Contenu ajouté
m →Syntaxe générale et aspect des objets : avertissement légende |
→Syntaxe générale et aspect des objets : unités -> px |
||
Ligne 35 :
<source lang="xml">
<rect fill="yellow" stroke="blue" stroke-width="1"
x="
</source>
ou bien
<source lang="xml">
<rect fill="#ffff00" stroke="#0000ff" stroke-width="1"
x="
</source>
Un dernier attribut, <code>transform</code>, permet notamment de faire tourner l'objet. La valeur est <code>transform="rotate(''angle'')"</code>, où l'angle est en degrés ; la rotation se fait alors autour de l'origine du repère (le coin en haut à gauche du dessin). Un angle positif correspond à une rotation dans le sens des aiguilles d'une montre. On peut indiquer le centre de rotation sous la forme <code>transform="rotate(''angle'' ''cx'' ''cy'')"</code> ou bien <code>transform="rotate(''angle'', ''cx'', ''cy'')"</code>.
Voici un exemple complet. Le second rectangle est tourné autour de son centre (''cx'' = {{unité|
<source lang="xml">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
Ligne 51 :
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
xmlns="http://www.w3.org/2000/svg">
Ligne 59 :
<rect fill="none" stroke="black" stroke-width="1"
transform="rotate(10)"
x="
/>
<rect fill="#ffff00" stroke="#0000ff" stroke-width="1"
x="
transform="rotate(-45,
/>
|