Réglage de div de largeur et de hauteur après rotation
Si j'ai ces règles:
largeur:50px; hauteur:100px; -moz-transform: rotate(0deg)
et puis un événement change la transformer:
-moz-transform: rotate(90deg)
logiquement, ne devrait-on pas que l'échange automatique de la largeur et de la hauteur? J'ai besoin de la faire tourner pour changer la largeur et la hauteur, pour la précision de détection de la position.
Merci,
Joe
OriginalL'auteur Joe Longstreet | 2010-07-18
Vous devez vous connecter pour publier un commentaire.
Il semble que la transformation est appliquée après tout le reste, alors la largeur et la hauteur ne sont pas mis à jour. La meilleure solution je pense est de calculer la rotation dimensions vous-même, à l'aide de la matrice de rotation:
Il est simple à traduire cela en JavaScript. Vous avez besoin de faire tourner tous les quatre coins (0,0) (w,0) (0,h) (w,h), puis la rotation dimensions sont la largeur et la hauteur de la rotation du rectangle englobant.
Je ne pouvais pas être plus d'accord avec @T4NK3R, et ce même si j'ai étudié des matrices de transformation à l'épuisement dans l'école d'études supérieures. Non pas que le ci-dessus est "dur". Mais POURQUOI!? Ne devrait-ce pas être évidemment géré par l'original de la transformer?
OriginalL'auteur casablanca
Voici le plus élégant JavaScript solution, que j'ai atteint.
OriginalL'auteur Webars