如何从 jQuery 中的 -moz-transform 中提取旋转角度？

使用 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中文网其他相关文章！