CSS-transformierte Elemente ziehen und in der Größe ändern

Wenn wir zum Beispiel eine-vendor-transform: rotate(40deg) CSS-Attribut für ein Rechteck<div>Das plötzliche Ziehen und Ändern der Größe wird sehr seltsam und fehlerhaft.

Hier ist ein Beispiel mit einer einfachen jQueryUI:http://jsfiddle.net/Ja4dY/1/

Sie werden feststellen, dass das Rechteck beim Ziehen oder Ändern der Größe beim Transformieren nach oben oder unten springt und der Cursor nicht an der richtigen Stelle bleibt. In meinem realen Code verwende ich benutzerdefinierten Code zum Ändern der Größe und Ziehen, es treten jedoch dieselben Probleme auf.

Das "Problem" ist natürlich, dass sich die Richtung eines Elements ändert. So kann links rechts sein, oben wird unten und etwas dazwischen und der Javascript-Code handhabt immer noch jede Richtung, wie es sein würdenicht umgewandelt.

Also die Frage:Wie können wir das kompensieren?umgewandelt / gedreht Elemente?

Alle guten Ressourcen / Bücher / Blogs sind auch sehr willkommen.

Antworten auf die Frage(7)

Ihre Antwort auf die Frage