我有一个图层的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'));
等等…
