javascript - SVG 动态调整大小

Question

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

Answer 1

好的，所以做动态宽度最简单的方法就是为widthor/and提供一个百分比值height。你可以在这里找到我的例子http://jsfiddle.net/VDKwy/

所以关键部分要么省略 svg 元素的widthandheight属性，要么

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

然后对内部元素使用百分比值，如下所示：

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