Przeciąganie i zmiana rozmiaru elementów przekształconych CSS

Jeśli na przykład ustawimy-vendor-transform: rotate(40deg) atrybut css na prostokącie<div>, nagłe przeciąganie i zmienianie rozmiaru staje się bardzo dziwne i wadliwe.

Oto przykład z prostym jQueryUI:http://jsfiddle.net/Ja4dY/1/

Zauważysz, że jeśli przeciągniesz lub zmienisz rozmiar tego prostokąta po przekształceniu, przeskoczy on w górę lub w dół, a kursor nie pozostanie we właściwym miejscu. W moim prawdziwym kodzie używam niestandardowego kodu do zmiany rozmiaru i przeciągania, jednak napotkałem te same problemy.

Oczywiście „problem” polega na tym, że kierunek elementu ulegnie zmianie. Tak więc lewa strona może być dobra, góra dostaje się na dole, a coś między nimi, a kod JavaScript wciąż obsługuje każdy kierunek, jak by to byłonie przekształcony.

Tak więc pytanie:Jak możemy zrekompensowaćprzekształcony / obrócony Elementy ?

Wszelkie dobre zasoby / książki / blogi są również mile widziane.

questionAnswers(7)

yourAnswerToTheQuestion