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

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);

安排代码，在测量之前尝试让浏览器休息一下