SORU
17 AĞUSTOS 2012, Cuma


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
18 AĞUSTOS 2012, CUMARTESİ


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Developers

    Android Deve

    9 Kasım 2007
  • Epic Tutorials for iPhone, iPad and iOS

    Epic Tutoria

    18 EYLÜL 2011
  • YouplusmeVEVO

    YouplusmeVEV

    4 EYLÜL 2014