« 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 : -remarque due à un bug de Firefox
Ligne 41 :
</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> mais les coordonnées du centre de rotation doivent être exprimés sans unité, donc en <code>px</code>.
 
Voici un exemple complet. Le second rectangle est tourné autour de son centre (''cx'' = {{unité|1.5|cm}} = {{unité|53.1|px}}, ''cy'' = {{unité|1|cm}} = {{unité|35.4|px}}) :