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/