如何在css3中检索角度？

Question

我有以下代码设置元素的旋转角度:

$('#1-link-2')
                .css('height', length)
                .css('-webkit-transform', 'rotate(' + angle + 'deg)')
                .css('-moz-transform', 'rotate(' + angle + 'deg)')
                .css('-o-transform', 'rotate(' + angle + 'deg)')
                .css('-ms-transform', 'rotate(' + angle + 'deg)')
                .css('transform', 'rotate(' + angle + 'deg)');

其中角度是先前动态计算的(它基于鼠标的位置).

我需要能够检索角度.我为初学者尝试了这个:

var angle= $("#1-link-2").css('-webkit-transform');
    $('#node-title').html(angle);   //just to print it to the screen for me

它给了我这个文字

matrix(0.5425908601788315, -0.839997118120292, 0.839997118120292, 0.5425908601788315, 0, 0)

如何以度为单位检索角度？

Answer 1

第一个值是旋转角度的余弦，第二个值是旋转角度的正弦 - 只要您没有在该元素上累积任何更多变换。使用您最喜欢的数学库来计算反正弦和余弦。

0.54 的反余弦为 54 度或 306 度。-0.83 的反正弦为 234 度或 306 度。

嘿，正确答案一定是306度。

如果您忘记了几何形状，这里有一个复习。