在JavaScript中獲取HTML節點的形狀/輪廓

是否可以在JavaScript中獲取DOM節點的形狀/輪廓？我想獲得某種形狀或輪廓的表示形式，以便我可以準確地確定DOM節點佔據了哪些像素。我可以使用寬度，高度和位置來計算矩形，但這並不考慮border-radius屬性等。在JavaScript中獲取HTML節點的形狀/輪廓

我知道我可以訪問所有決定節點渲染輪廓（height，width，border-radius等）的單獨屬性，所以我可以在JavaScript中重新生成瀏覽器的計算結果。然而，這將是非常繁瑣的，會有很多邊緣情況。

其他可以改變尺寸的東西，我認爲包括'border-radius'和'transform'。想不到別的，我想你也可以使用JavaScript來檢測這些屬性。不熟悉任何其他方法，我認爲 –

@Ahmad良好的通話，謝謝。男人，這使得它更加混亂。 –

不要忘記像旋轉.. eww轉換，這是一個艱難的。想象一下，一個正方形變成45度 - 相同的面積，但現在它是「更寬」和「更高」。 – user2246674

不要忘記，不同的瀏覽器可能會略有不同。這就是如果你對填充和邊距感興趣的話。

2013-05-24 13:04:31

回答