« Le langage CSS/Transformation géométrique » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
|||
Ligne 62 :
== Représentation matricielle ==
Toutes les fonctions de transformation géométrique 2D et 3D sont représentables par une matrice de transformation.
L'application de plusieurs transformations successives peut se résumer à une seule matrice appliquées aux coordonnées de la représentation géométrique.
=== Matrice 2D ===
En 2D, les coordonnées (x,y) d'un point peuvent être représenté par une matrice : <math>
\begin{bmatrix}
x \\
y \\
1
\end{bmatrix}
</math>
Le nouveau point est calculé en multipliant la matrice du point originale par la matrice de transformation.
La constante 1 dans la matrice des points est utilisée lors de la multiplication matricielle comme coefficient pour le vecteur de translation.
La matrice créée par <code>matrice(''a'', ''b'', ''c'', ''d'', ''tx'', ''ty'')</code> est : <math>
\begin{bmatrix}
a & c & tx \\
b & d & ty \\
0 & 0 & 1
\end{bmatrix}
</math>
Le nouveau point est calculé en multipliant la matrice du point originale par la matrice de transformation :
:<math>
\begin{bmatrix}
x' \\
y' \\
1
\end{bmatrix}
=
\begin{bmatrix}
a & c & tx \\
b & d & ty \\
0 & 0 & 1
\end{bmatrix}
\cdot
\begin{bmatrix}
x \\
y \\
1
\end{bmatrix}
</math>
== Références ==
| |||