如何將SVG元素包裝到svg元素中？

我的SVG圖形正在走出窗口，並且沒有滾動條。如何將SVG元素包裝到svg元素中？

這是因爲svg元素是窗口的大小，而不是實際的svg東西的大小。

是否可以在svg元素上設置一些屬性，使其包裝內容（如g元素）？

2012-05-15 Simon

「包裝內容」是指某種自動佈局嗎？請提供更多細節。 –

您可以設置根SVG元素的'viewBox' attribute以便它包含您的SVG充分，e.g：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10020 30"> 
    <line x1="10" x2="10000" y1="10" y2="10" stroke-linecap="round" stroke="#1c94c4" stroke-width="3" /> 
</svg>

但是，也許你想要的滾動條？在這種情況下，您可以將CSS寬度（或高度）設置爲合適的值，例如：

<svg xmlns="http://www.w3.org/2000/svg" style="width:10020px; height: 32px"> 
    <line x1="10" x2="10000" y1="10" y2="10" stroke-linecap="round" stroke="#1c94c4" stroke-width="3" /> 
</svg>

來源

2012-05-16 09:00:06

謝謝，但我徘徊，如果有沒有手動設置寬度和高度的方式，所以它會自動調整內部元素？ – Simon

如何將SVG元素包裝到svg元素中？

回答

相關問題