« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
m <source> -> <syntaxhighlight> (phab:T237267) |
|||
Ligne 125 :
: <math>\mathtt{skewX(a)}\ :\ \begin{pmatrix} 1 & \tan a & 0 \\ 0 & 1 & 0 \\ 0 & 0 & 1 \end{pmatrix},\ \mathtt{matrix(1, 0, \tan a, 1, 0, 0)}</math>
: <math>\mathtt{skewY(a)}\ :\ \begin{pmatrix} 1 & 0 & 0 \\ \tan a & 1 & 0 \\ 0 & 0 & 1 \end{pmatrix},\ \mathtt{matrix(1, \tan a, 0, 1, 0, 0)}</math>
{{Attention|Quand une série de transformations est spécifiée, celles-ci sont appliquées de droite à gauche.}}
<syntaxhighlight lang="xml">
<circle r="100" transform="translate(18, 18) scale(2) " />
</syntaxhighlight>
La séquence équivaut à l'arborescence ci-dessous : les éléments internes étant appliqués avant les éléments englobants.
<syntaxhighlight lang="xml">
<g transform="translate(18, 18)"> <!-- en troisième -->
<g transform="scale(2)"> <!-- en deuxième -->
<circle r="100" /> <!-- Interne en premier -->
</g>
</g>
</syntaxhighlight>
=== Exemple : création d'une courbe de Koch ===
| |||