獲取svg的維數，包括筆畫

我想將svg精確地放置在div的角落。 svg具有動態生成的筆劃。如果svg的形狀不規則或可以說是星形，則到邊界最外部分的距離很難計算。這個問題可以解決，如果我能夠得到svg的尺寸，包括中風。獲取svg的維數，包括筆畫

我的想法是：

加載外部SVG
地方它在div
中間應用所需的筆劃寬度
得到SVG的最外層尺寸
把它放在角落裏

我可以得到寬度o包括中風在內的svg？任何其他想法？

感謝

來源

2012-01-04 redon

getBoundingClientRect短自己從第一原理計算它的唯一途徑。據我所知，該方法僅在Firefox和IE9 +中實現。

例如this在Firefox上返回54。

來源

2012-01-04 10:02:28

我嘗試這樣做在Firefox但我得到的形狀的尺寸，而不行程:-( – redon 2012-01-04 10:58:25

我已經添加表示筆劃寬度的例如至少在Firefox包含 – 2012-01-04 11:20:20

只需指出的是HTTP：// WWW .w3.org/TR/cssom-view /＃the-getclientrects-and-getboundingclientrect-methods表示svg元素的邊界框應該是svg中定義的邊界框（它當前不包含筆畫）。 – 2012-01-04 11:42:08

獲取svg的維數，包括筆畫

回答

相關問題