Ich arbeite an einer HTML5-Schnittstelle, die Drag & Drop verwendet. Während ich ein Element ziehe, erhält das Ziel eine CSS-Klasse, wodurch es sich aufgrund einer -webkit-Animation bidirektional dreht.
%Vor%Wenn ich das Ziel ablege, möchte ich, dass es den aktuellen Rotationszustand annimmt.
Mein erster Gedanke war, die css-Eigenschaft mit jquery und der CSS-Methode ('webkit-transform') zu überprüfen. Aber diese Methode gibt nur 'none' zurück.
Also meine Frage: Gibt es eine Möglichkeit, den aktuellen Grad-Wert eines Elements zu erhalten, das über Animation gedreht wird?
Danke bis jetzt Hendrik
Ich musste vor kurzem eine Funktion schreiben, die genau das tut, was Sie wollen! Fühlen Sie sich frei, es zu benutzen:
%Vor%Hoffe, das hilft!
BEARBEITEN Ich habe den Code aktualisiert, um mit matrix3d-Strings zu arbeiten, aber es gibt immer noch nur die 2d-Rotationsgrade (dh die Rotation um die Z-Achse).
window.getComputedStyle (Element, null) ['- webkit-transform'] gibt eine Zeichenfolge zurück, die die aktuelle Transformationsmatrix darstellt. Sie können seinen Rotationsgrad aus dieser Zeichenfolge berechnen, indem Sie ihn zuerst analysieren und dann ein paar mathematische Berechnungen anstellen.
Tags und Links animation html5 css3 transform drag-and-drop