我有一个图层的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")
结果是矩阵(0.991445，0.130526，-0.130526，0.991445，0px，0px)，这不告诉我很多。我想得到的是7.5。
解决方法
这里是我的解决方案使用jQuery。
这将返回与应用于任何HTML元素的旋转对应的数值。
function getRotationdegrees(obj) {
var matrix = obj.css("-webkit-transform") ||
obj.css("-moz-transform") ||
obj.css("-ms-transform") ||
obj.css("-o-transform") ||
obj.css("transform");
if(matrix !== 'none') {
var values = matrix.split('(')[1].split(')')[0].split(',');
var a = values[0];
var b = values[1];
var angle = Math.round(Math.atan2(b,a) * (180/Math.PI));
} else { var angle = 0; }
return (angle < 0) ? angle + 360 : angle;
}
angle1 = getRotationdegrees($('#myDiv'));
angle2 = getRotationdegrees($('.mySpan a:last-child'));
等等…