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

问题描述

问 题

div{

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

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

解决方案

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

试过很多种办法，只有这种办法有效了，我也长见识了

这篇关于css - 一个div进行旋转或缩放后，怎么获取它变形后的宽高？比如：的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！