如何從 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中文網其他相關文章！