Fatal编程技术网
  • javascript/
  • Javascript 获取变换后元素的高度和宽度

Javascript 获取变换后元素的高度和宽度

javascript jquery html

Javascript 获取变换后元素的高度和宽度,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用webkit或任何其他方法在变换/缩放后获得HTML元素的大小 放大后，元素的像素数比变换前多 我尝试了.height（）.width（）.offsetHeight（）.clientHeight（）在转换元素后，它们都返回相同的值 有没有办法在转换后获得元素的实际宽度和高度 试试outerHeight（），outerWidth（），outerHeight（true），outerWidth（true） 也可以尝试在测量之前让浏览器休息一下，方法是使用setTimout（functio

我正在尝试使用webkit或任何其他方法在变换/缩放后获得HTML元素的大小

放大后，元素的像素数比变换前多

我尝试了
.height（）.width（）.offsetHeight（）.clientHeight（）
在转换元素后，它们都返回相同的值

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

试试
outerHeight（）
，
outerWidth（）
，
outerHeight（true）
，
outerWidth（true）

也可以尝试在测量之前让浏览器休息一下，方法是使用
setTimout（function（）{/*doyoumeasting here*/}，0）调度代码
您可以使用
getComputedStyle
在元素上获得有效的样式：


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


其中，
$（'#el'）
是您的元素


然后
matrix.a
和
matrix.d
应该给出相关的比例因子。之后，只需分别使用
$（'#el'）.width（）*matrix.a
和
$（'#el'）.height（）*matrix.d
进行变换/缩放，您是指浏览器“strg+鼠标滚轮”或CSS变换的正常缩放功能吗？