javascript - SVG 动态调整大小

Question

有谁知道我可以动态调整 svg 图像的大小以使其适合容器？我发现我的图像溢出了。我想要的是一种调整它大小的方法，这样它就不会溢出。任何回应表示赞赏。我也试过将宽度和高度设置为 100%

Answer 1

好的，所以实现动态宽度的最简单方法就是为 width 或/和 height 提供一个百分比值。您可以在此处的 fiddle 中找到我的示例 http://jsfiddle.net/VDKwy/

所以关键部分是省略 svg 元素的 width 和 height 属性，或者

<svg width="100%" height="100%"></svg>

然后像这样对内部元素使用百分比值:

<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />