如何獲得不具有X/Y屬性的SVG元素（路徑等）的x/y座標？

Question

我想使用JavaScript來獲得SVG元素的位置。 我已經設法獲得了設置了X/Y屬性的元素的位置。 但是元素，比如路徑沒有這個屬性。至少不是在我的docuements中。

有沒有一種方法可以計算除了在「路徑」中的第一個數字之外的位置？

謝謝 莫滕

Answer 1

您可以使用函數getBBox()，以獲取其路徑的邊界框。這將爲您提供可能包含渲染路徑的最緊密矩形的位置和大小。

在讀取x和y值時使用此方法的一個優點是，它可以與所有圖形對象一起使用。有比沒有x和y的路徑更多的對象，例如具有cx和cy的圓圈。

鏈接：getBBox()在SVG v1.1標準中。