获取 svg 的尺寸，包括中风

Question

我想将 svg 精确地放置在 div 的角落。 svg 具有动态生成的笔画。如果 svg 的形状是不规则的，或者说是星星，那么到边界最外面的距离很难计算。 如果我能够获得包括笔划在内的 svg 的尺寸，问题就可以解决。

我的想法是：

• 加载外部 svg
• 将其放在 div 的中间
• 应用所需的笔画宽度
• 获取 svg 的最外层尺寸
• 把它放在角落里

我可以得到包括笔划在内的 svg 的宽度吗？还有其他想法吗？

谢谢

Answer 1

getBoundingClientRect 是唯一可以根据第一原则自行计算的方法。据我所知，该方法仅在 Firefox 和 IE9+ 中实现。

例如，this 在 Firefox 上返回 54。