matrix3d()

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. a1a2a3a4b1b2b3b4c1c2c3c4d1d2d3d4

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

 Contributeurs à cette page : Sebastianz, SphinxKnight
 Dernière mise à jour par : Sebastianz,