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.