CSS变换。如何从“matrix（0，1，-1，0，0，0”）中获取旋转角度值？

Question

如何将此矩阵转换为角度？

我正在使用 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)

Sorry if this is more of a math question...

- han4wluc

---

这与此帖子类似。https://dev59.com/WFTTa4cB1Zd3GeqPtYtB，希望这可以帮到你。 - Chris Yongchu

使用纯JavaScript，可以获得您要查找的值，而无需创建矩阵。 - baao

Answer 1

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

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

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

- William Neely