css 变换。如何从“矩阵（0、1、-1、0、0、0”）获取旋转度值？答案

【问题标题】：css transform. How to get rotation degree value from "matrix( 0, 1, -1, 0, 0, 0")?css 变换。如何从“矩阵（0、1、-1、0、0、0”）获取旋转度值？
【发布时间】：2015-08-21 17:25:55
【问题描述】：

如何将这个矩阵转换成度数？

我正在用transform: rotate() 旋转div。我想得到旋转值。

当我尝试$( icon ).css('transform') 时，它会返回一个矩阵值，例如matrix(0, 0, 0, 0, 0, 0)。

我的问题是如何将矩阵值转换为度数？

这是我发现的：

0°     matrix(  0,  0,   0,  0, 0, 0)
45°    matrix( .7, .7, -.7, .7, 0, 0)
90°    matrix(  0,  1,  -1,  0, 0, 0)
180°   matrix( -1,  0,   0, -1, 0, 0)
270°   matrix(  0, -1,   1,  0, 0, 0)

抱歉，这更像是一道数学题……

【问题讨论】：

这与这篇文章类似。 stackoverflow.com/questions/5072271/get-angle-from-matrix，希望对您有所帮助。
使用纯 JavaScript，无需创建矩阵即可为您提供所需的价值。

标签： css math matrix

【解决方案1】：

不是数学家，也可以从样式解析旋转角度。

var style = $(el).attr('style'),
    rotation = parseInt(style.substr(style.indexOf("rotate("+7));

注意：这是因为 jQuery 修改了 style 属性。如果你最初在 CSS 中设置了旋转，它将不起作用。

【讨论】：