javascript - 获取转换后元素的高度和宽度

Question

在使用webkit或任何其他方法进行转换/缩放后，我正在尝试获取HTML 元素的大小。

放大后，元素占用的像素比转换前的像素多。

我尝试.height() .width() .offsetHeight() .clientHeight()了所有这些都只是在转换元素后返回相同的值。

有没有办法在转换后获得元素的实际宽度和高度？

Answer 1

您可以使用getComputedStyle在您的元素上获得有效的样式：

var matrix = new WebKitCSSMatrix(getComputedStyle($('#el')[0]).webkitTransform)

$('#el')你的元素在哪里。

然后matrix.a并且matrix.d应该给出相关的比例因子。之后，只需分别使用$('#el').width()*matrix.a和$('#el').height()*matrix.d

Answer 2

试试outerHeight()，，，，outerWidth()_ outerHeight(true)_outerWidth(true)

还可以尝试在测量之前让您的浏览器休息一下，方法是安排您的代码 setTimout(function() { /* do you measuring here */ }, 0);