SVG宽度超过div

Question

我们的Web应用程序中有一个生成的SVG图形。问题是svg可以变宽，然后它可能超过html内容。

标题定义为100％宽度，但此100％宽度不计入svg大小。使用firebug，我们看到包含svg并不是那么大，因此html页面认为它具有这个宽度。但是svg要大得多。

如何拍摄SVG图像的整个尺寸？

Answer 1

您可以使用getBBox获取宽度，如下所示：$('.yoursvgclassname')[0].getBBox().width; 在onload函数中执行此操作并在那里设置导航栏的宽度。

如果你想削减： 在SVG图形上使用overflow: scroll。 这会将其剪裁在容器的边缘并添加一个滚动条。