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

Question

是否可以在JavaScript中获取DOM节点的形状/轮廓？我想得到一些形状或轮廓的表示，以便我可以准确地告诉DOM节点占用哪些像素。我可以使用宽度，高度和位置来计算矩形，但这不会考虑border-radius属性等。

我知道我可以访问将确定节点渲染轮廓的所有单个属性（高度，宽度，边界半径等），因此我可以在JavaScript中重现浏览器的计算。然而，这将是相当繁琐的，并且会有很多边缘情况。

Answer 1

并且不要忘记不同的浏览器可能会略有不同。 那就是如果你对填充和边距感兴趣的话。