La fonction matrix3d() décrit une transformation en trois dimensions sous la forme d'une matrice homogène (4x4). Les 16 paramètres passés à la fonction sont listés par ligne puis par colonne.
Syntaxe
matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)
Valeurs
- a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 d4
- Des valeurs de type
<number>qui sont les coefficients de la matrice définissant la transformation linéaire. - a4 b4 c4
- Les coefficients de type
<number>qui définissent la translation à appliquer.
| Coordonnées cartésiennes sur ℝ2 | Coordonnées homogènes sur ℝℙ2 | Coordonnées cartésiennes sur ℝ3 | Coordonnées homogènes sur ℝℙ3 |
|---|---|---|---|
| Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions. | Les matrices exprimées avec des coordonnées cartésiennes ne permettent pas de représenter des transformations 3D affines car les translations ne sont pas des transformations linéaires. | ||
Exemples
HTML
<p>toto</p> <p class="transformation">truc</p>
CSS
p {
width: 50px;
height: 50px;
background-color: teal;
}
.transformation{
transform: matrix3d(0.87,-0.5,0.00,0,0.50,0.87,0.00,0,0,0,1,0,0,0,0,1);
background-color: blue;
}
Résultat
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight,
Sebastianz
Dernière mise à jour par :
SphinxKnight,