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

Question

是否可以在 JavaScript 中获取 DOM 节点的形状/轮廓？我想得到某种形状或轮廓的表示，这样我就可以准确地知道 DOM 节点占据了哪些像素。我可以使用宽度、高度和位置来计算矩形，但这并没有考虑到border-radius属性等。

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

Answer 1

并且不要忘记不同的浏览器可能呈现略有不同。也就是说，如果您也对填充和边距感兴趣。