是否有js插件将矩阵参数转换为css3转换属性？

Question

假设我有css3转换样式:

img
{
   -webkit-transform:rotate(10deg) translate(100px,20px);
   -moz-transform:rotate(10deg) translate(100px,20px);
}

然后我用jquery得到它的风格:

console.log($('#clone').css('-moz-transform'));

它只返回一个序列号:

matrix(0.984808, 0.173648, -0.173648, 0.984808, 95.0078px, 37.061px)

是否有一个js插件可以将矩阵数转换为变换？还是转向另一边？

Answer 1

您得到的数字是旋转和平移矩阵相乘的结果。

尽管对于您的情况，您可以通过在纸上进行数学计算并手动获取所需的公式来轻松完成，但对于不断增加的术语，这将是一项繁琐的任务（您需要了解原始变换的结构才能反转它们以及）。

这是一个可以帮助您的链接：

为什么不直接从 Javascript 代码中设置所需的值，从而完全不需要从矩阵中获取它们呢？