Obtenez une taille de div avec JS après une transformation CSS3

J'essaie d'obtenir la hauteur d'un élément en JavaScript après avoir appliqué une / plusieurs transformations CSS3 sur celui-ci.

#transformed{ transform:scale(.5); } 

Malheureusement, JQuery's outerHeight ne semble pas le faire naïvement.

 $('#after').outerHeight(); //not affected by the transformation 

Exemple: http://jsfiddle.net/mQ2nT/

Vous pouvez utiliser getBoundingClientRect pour obtenir les dimensions et les positions après la transformation.

Simplement, transformez vos éléments et:

 $('#after')[0].getBoundingClientRect(); // note the [0], the function is DOM not jQuery's. 

La meilleure chose est que cela retournera également les positions appropriées, les dimensions après chaque transformation que vous postulez.

Vous êtes libre de rotate , skew , translate et tout ce que le CSS fournit. GBCR va le gérer.