Sürükleme ve yeniden Boyutlandırma CSS Dönüştürülmüş Öğeleri
Örneğin, bir dikdörtgen üzerinde -vendor-transform: rotate(40deg)
css özniteliği kurarsak <div>
birden sürükleme ve yeniden boyutlandırma çok tuhaf ve kusurlu olur.
Burada basit bir jqueryuı ile bir örnektir: http://jsfiddle.net/Ja4dY/1/
Eğer ya da dönüştürülmüş olan dikdörtgen sürükleyin yeniden boyutlandırmak için yukarı veya aşağı atlamak ve imleci doğru yerde kalmayacak göreceksiniz. Yeniden boyutlandırmak için özel bir kod kullanarak ve göndereceğim ama gerçek benim kod, ancak aynı sorunlarla karşılaştım.
Elbette "sorun" Unsuru yönünü değiştirecek. Bu yüzden, sol, sağ, üst, alt ve senin için yapmayacağım bir şey alır ve Javascript kodu hala da olacağı gibi, her yönde işlerdeğildönüştürdü.
Yani, soru şu:Nasıl telafi edebilirizdönüştürdü/döndürülmüşElemanlar ?
Herhangi bir iyi kaynaklar / kitap / bloglar da çok açıktır.
CEVAP
GetComputedStyle kullanarak bir öğe için uygulanan mevcut dönüşüm matrisi elde edebilirsiniz(). Bu dönüştürülmüş uzaydaki konumu için geçerli fare konumuna dönüştürmek ve tıklayın/sürükleme olayları eleman sınır ve/veya köşeleri içinde olup olmadığını görmek için kullanabilirsiniz. Bunun için iyi kaynaklar:
http://www.useragentman.com/blog/2011/01/07/css3-matrix-transform-for-the-mathematically-challenged/
http://www.eleqtriq.com/2010/05/css-3d-matrix-transformations/
Yaşıyormuşsun gibi BTW, bu kod için önemsiz değil. Sencha Animatör için bunu yapmak zorundaydık, ve bir canavar oldu.
Orantılı olarak Yukseklik ve Genislik ...
Bir iframe yeniden boyutlandırma içeri...
Görüntü sunucuya yüklemeden önce istem...
iPad Safari kaydırma HTML öğeleri kayb...
CSS ile orantılı olarak yeniden boyutl...