Question

我的SVG图表不在窗口，没有滚动条。

那是因为svg元素是窗口的大小，而不是实际svg内容的大小。

是否可以在svg元素上设置一些属性，以便包装内容（如g元素）？

Answer 1

您可以在根svg元素上设置'viewBox' attribute，使其完全包含您的svg，例如：

<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>

如何将SVG元素包装到svg元素中？

1 个答案: