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/