CSS3变换矩阵到完全变换转换

Question

我有一个 100px宽度和 100px高度的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标准，我在gists上找到https://gist.github.com/mbostock/1340727希望这有帮助。