Wie kann ich den Wert „-moz-transform:rotate' mit jQuery abrufen?

Erhalten des -moz-transform:rotate-Werts mit jQuery

Diese Frage befasst sich mit der Herausforderung, den aktuellen Rotationswert zu extrahieren, der auf einen HTML-Code angewendet wird Element mit jQuery. Der bereitgestellte CSS-Stil umfasst mehrere Transformationsdeklarationen mit demselben Rotationswinkelwert.

Antwort:

Die bereitgestellte Lösung bietet eine Funktion, die den numerischen Rotationswert abruft, der auf alle angewendet wird HTML-Element, unabhängig davon, ob es die Transformationseigenschaft -webkit-, -moz-, -ms-, -o- oder die Standard-Transformationseigenschaft verwendet. Hier ist ein Überblick über den Ansatz:

1. Parsen Sie die Transformationsmatrix: Die Funktion ruft zunächst den Wert der Eigenschaft -webkit-transform (oder einer ihrer Varianten) mithilfe der jQuery ab css()-Methode. Wenn auf das Element keine Drehung angewendet wird, wird „none“ zurückgegeben.
2. Rotationswinkel extrahieren: Wenn der abgerufene Wert nicht „none“ ist, extrahiert die Funktion den Rotationswinkel mithilfe von some Matrixmanipulation. Es zerlegt die Matrix in ihre Komponenten und berechnet dann den Winkel mit der Funktion atan2().
3. Negative Winkel verarbeiten: Um sicherzustellen, dass der Drehwinkel immer positiv ist, wendet es ein if- an. andernfalls prüfen und addieren 360 Grad, wenn der Winkel negativ ist.
4. Drehwinkel zurückgeben: Die Funktion gibt den berechneten Drehwinkel zurück als gerundete Ganzzahl.

Beispielverwendung:

Der bereitgestellte JavaScript-Code zeigt, wie die Funktion getRotationDegrees() verwendet wird, um Drehwinkel für bestimmte HTML-Elemente abzurufen :

angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));

Dadurch können Entwickler den auf jedes Element auf einer Webseite angewendeten Drehwinkel abrufen und für weitere Berechnungen oder verwenden Logik.

Das obige ist der detaillierte Inhalt vonWie kann ich den Wert „-moz-transform:rotate' mit jQuery abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!