javascript - 获取元素的比例值？

Question

我想知道如何获取元素的比例值？

我试过 $(element).css('-webkit-transform'); 返回 matrix(scaleX,0,0,scaleY,0,0); 有没有办法只获取 scaleX 和 scaleY？

Answer 1

找出文档和元素之间比例因子的最简单解决方案如下:

var element = document.querySelector('...');
var scaleX = element.getBoundingClientRect().width / element.offsetWidth;

这是有效的，因为 getBoundingClientRect 返回实际尺寸，而 offsetWidth/Height 是未缩放的尺寸。