我想通过 jQuery/JavaScript 计算 div 元素的边界框。
我试过这样的:
//Left side of box
document.getElementById("myElement").offsetLeft;
//Top side of box
document.getElementById("myElement").offsetTop;
//Right side of box
document.getElementById("myElement").offsetLeft + document.getElementById("myElement").offsetWidth;
//Bottom side of box
document.getElementById("myElement").offsetTop + document.getElementById("myElement").offsetHeight;
它返回一些值。通过 jQuery/JavaScript 获取 div 元素的边界框的方法是否正确。
我需要在 SVG 元素中使用类似 getBBox() 的方法。它将返回元素的 x、y、width 和 height。同样，如何获取 div 元素的边界框？
最佳答案
因为这是专门为 jQuery 标记的 -
$("#myElement")[0].getBoundingClientRect();
或
$("#myElement").get(0).getBoundingClientRect();
(它们在功能上是相同的，在一些较旧的浏览器中 .get() 稍微快一些)
请注意，如果您尝试通过 jQuery 调用获取值，那么它不会考虑任何 css 转换值，这可能会产生意想不到的结果...
注意 2:在 jQuery 3.0 中，它已更改为使用适当的 getBoundingClientRect() 调用它自己的维度调用(请参阅 jQuery Core 3.0 Upgrade Guide)——这意味着其他 jQuery 答案最终总是是正确的 - 但只有在使用新的 jQuery 版本时 - 因此它被称为重大变化......
关于javascript - 如何在 jQuery 中获取 div 元素的边界框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18780139/