Heim >Web-Frontend >CSS-Tutorial >Wie extrahiere ich den Drehwinkel aus -moz-transform in jQuery?

Wie extrahiere ich den Drehwinkel aus -moz-transform in jQuery?

Susan Sarandon
Susan SarandonOriginal
2024-12-05 13:37:11724Durchsuche

How to Extract Rotation Angle from -moz-transform in jQuery?

Bestimmen des Elementdrehwinkels mit der Eigenschaft -moz-transform in jQuery

jQuery ermöglicht es Ihnen, verschiedene Aspekte des Stils eines Elements abzurufen und zu bearbeiten. einschließlich seiner Transformationen. Diese Frage konzentriert sich auf das Extrahieren des auf ein Element angewendeten Rotationswerts mithilfe der Eigenschaft -moz-transform.

Die bereitgestellten CSS-Stile demonstrieren eine Transformation für eine Ebene, die eine Drehung von 7,5 Grad umfasst. Die Verwendung des Codeausschnitts:

$('.element').css("-moz-transform")

gibt eine Matrixdarstellung der Transformation zurück. Diese Matrix liefert jedoch nicht direkt den Drehwinkel.

Um den Drehwert zu erhalten, können Sie die folgende jQuery-Funktion verwenden:

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'));

Diese Funktion extrahiert den Drehwinkel aus dem CSS Transformieren Sie die Matrix, indem Sie ihre Komponenten aufteilen und analysieren. Es unterstützt die browserübergreifende Kompatibilität, indem es nach verschiedenen Transformationseigenschaftsvarianten sucht.

Durch Aufrufen der Funktion mit dem gewünschten jQuery-Element können Sie den Drehwinkel in Grad abrufen. Dies ermöglicht eine präzise Manipulation und Anpassung von Drehungen, die mithilfe von CSS auf Elemente angewendet werden.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich den Drehwinkel aus -moz-transform in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn