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

  • GoogleTechTalks

    GoogleTechTa

    15 AĞUSTOS 2007
  • sk8ingis4me

    sk8ingis4me

    16 Mart 2006
  • TSE

    TSE

    12 Kasım 2012