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。 這會將它剪切到容器的邊緣並添加一個滾動條。