使用 jQuery 中的 -moz-transform 属性确定元素旋转角度
jQuery 使您能够检索和操作元素样式的各个方面，包括它的转变。本问题重点关注专门使用 -moz-transform 属性提取应用于元素的旋转值。
提供的 CSS 样式演示了包含 7.5 度旋转的图层的变换。使用代码片段：
$('.element').css("-moz-transform")将返回转换的矩阵表示。但是，该矩阵并不直接提供旋转角度。
要获取旋转值，您可以使用以下 jQuery 函数：
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'));该函数从 CSS 中提取旋转角度通过分割和解析矩阵的组成部分来变换矩阵。它通过检查不同的变换属性变体来支持跨浏览器兼容性。
通过使用所需的 jQuery 元素调用该函数，您可以检索以度为单位的旋转角度。这允许使用 CSS 精确操作和调整应用于元素的旋转。
以上是如何从 jQuery 中的 -moz-transform 中提取旋转角度？的详细内容。更多信息请关注PHP中文网其他相关文章！
