在JavaScript中获取HTML节点的形状/轮廓

可以用JavaScript获取DOM节点的形状/轮廓吗？我希望获得形状或轮廓的某种表示，以便能够准确地知道DOM节点占用哪些像素。我可以使用宽度、高度和位置计算矩形，但这并没有考虑

边界半径

属性等

---

我知道我可以访问决定节点渲染轮廓的所有单独属性（高度、宽度、边界半径等），因此我可以用JavaScript重现浏览器的计算结果。但是，这将非常乏味，并且会有很多边缘情况。

而且不要忘记，不同的浏览器可能会呈现稍有不同的效果。

---

如果你也对填充和边距感兴趣的话，也可以这样做。

我认为其他可以改变尺寸的东西包括

边框半径

和

变换

。我想不出其他任何东西，我认为您也可以使用JavaScript检测这些属性。我不熟悉任何其他方法think@Ahmad打得好，谢谢。伙计，这让事情变得更糟。别忘了旋转之类的变换。。哎哟，这是一个艰难的决定。想象一个正方形变成45度-同样的区域，但现在它“更宽”和“更高”。我+1这个问题我希望有一种下降的方式来获得这些信息。我认为最好的方法是编写一个jQuery插件，它将获取所有这些信息并将其存储在一个变量中。