css - CSS3変換行列から完全変換への変換

Question

次のマトリックスを使用して、幅100ピクセル、高さ100ピクセルのdivがあります。

transform: matrix(1, 0.5, 1, -0.45, 0, 0);

これは私にこれを与えます：

変換行列のCSSルールを完全な変換CSSルールに変換するにはどうすればよいですか？

例えば：

transform: scale(0.1) rotate(0.5) skew(0.3);

Answer 1

マトリックスの値から各部分を計算する必要があります。私が見つけたアフィン変換の最良の入門書はこれです（ActionScriptの場合でも、数学は同じです）。

http://www.senocular.com/flash/tutorials/transformmatrix/

またはこれ、特にCSSの場合：

http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/

Answer 2

マトリックスの分解と呼ばれるものがあり、W3Cに準拠しているので、要点で見つけましたhttps://gist.github.com/mbostock/1340727これがお役に立てば幸いです。