SVG宽度超过div

Question

我们在我们的Web应用程序内部生成了SVG图形。问题是svg可能会变得非常宽泛，然后它可能会超过html内容。

标题被定义为100％宽度，但这个100％宽度不计算svg大小。用萤火虫，我们看到包含svg并不大，所以html页面认为它是这个宽度。但是svg比这个大得多。

我该如何制作SVG图像的整个大小？

Answer 1

您可以通过使用getBBox这样得到宽度：$('.yoursvgclassname')[0].getBBox().width; 在一个onload功能做到这一点，设置您的导航栏的宽度在那里。

如果您要剪切： 在您的SVG图形上使用overflow: scroll。 这会将它剪切到容器的边缘并添加一个滚动条。