css - 一个div进行旋转或缩放后，怎么获取它变形后的宽高？比如：

Question

p{

width: 100px;height: 100px;
transform-origin: 0 0;
transform: rotateZ(45deg);

}
这个p旋转了45度之后，怎么去获取它的宽与高？就是它旋转之后所占的空间

Answer 1

  var test = document.querySelector('#test');
    var rect = test.getBoundingClientRect();
    alert('width:' + rect.width + 'height:' + rect.height);

試過很多種辦法，只有這種辦法有效了，我也長見識了

Answer 2

雷雷

Answer 3

旋轉後不影響寬高吧

Answer 4

個人見解，不一定對。

之前怎麼獲取，還怎麼獲取。只是這時候寬高跟以往的寬高看起來有了點不一樣

transform只是元素內部「看起來」發生了轉變，但是元素本身還是一個長方形，永遠是長方形。元素所佔的空間會變成旋轉後的寬高，不知你說的話是否是這個空間呢？

https://jsfiddle.net/qichengzx/zkuucyvj/