获取元素-moz-transform：在jQuery中旋转值

Question

获取元素-moz-transform：在jQuery中旋转值

我有一个图层的CSS样式：

.element {
    -webkit-transform: rotate(7.5deg);    
     -moz-transform: rotate(7.5deg);    
      -ms-transform: rotate(7.5deg);    
       -o-transform: rotate(7.5deg);   
          transform: rotate(7.5deg);}

有没有办法通过jQuery获得curent旋转值？

我试过这个

$('.element').css("-moz-transform")

结果matrix(0.991445, 0.130526, -0.130526, 0.991445, 0px, 0px)并没有告诉我很多。我想要得到的是7.5。

Answer 1

这是我使用jQuery的解决方案。这将返回与应用于任何HTML元素的旋转相对应的数值。function&nbsp;getRotationDegrees(obj)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;matrix&nbsp;=&nbsp;obj.css("-webkit-transform")&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-moz-transform")&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-ms-transform")&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-o-transform")&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("transform"); &nbsp;&nbsp;&nbsp;&nbsp;if(matrix&nbsp;!==&nbsp;'none')&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;values&nbsp;=&nbsp;matrix.split('(')[1].split(')')[0].split(','); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;a&nbsp;=&nbsp;values[0]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;b&nbsp;=&nbsp;values[1]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;angle&nbsp;=&nbsp;Math.round(Math.atan2(b,&nbsp;a)&nbsp;*&nbsp;(180/Math.PI)); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;var&nbsp;angle&nbsp;=&nbsp;0;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(angle&nbsp;<&nbsp;0)&nbsp;?&nbsp;angle&nbsp;+&nbsp;360&nbsp;:&nbsp;angle;}angle1&nbsp;=&nbsp;getRotationDegrees($('#myDiv'));angle2&nbsp;=&nbsp;getRotationDegrees($('.mySpan&nbsp;a:last-child'));等等...

Answer 2

我在Twist的代码中发现了一个错误/功能：函数返回负角度。所以我在返回之前添加了一行简单的代码angle：if(angle&nbsp;<&nbsp;0)&nbsp;angle&nbsp;+=360;比结果将是：function&nbsp;getRotationDegrees(obj)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;matrix&nbsp;=&nbsp;obj.css("-webkit-transform")&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-moz-transform")&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-ms-transform")&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("-o-transform")&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|| &nbsp;&nbsp;&nbsp;&nbsp;obj.css("transform"); &nbsp;&nbsp;&nbsp;&nbsp;if(matrix&nbsp;!==&nbsp;'none')&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;values&nbsp;=&nbsp;matrix.split('(')[1].split(')')[0].split(','); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;a&nbsp;=&nbsp;values[0]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;b&nbsp;=&nbsp;values[1]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;angle&nbsp;=&nbsp;Math.round(Math.atan2(b,&nbsp;a)&nbsp;*&nbsp;(180/Math.PI)); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;var&nbsp;angle&nbsp;=&nbsp;0;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;if(angle&nbsp;<&nbsp;0)&nbsp;angle&nbsp;+=360; &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;angle;}