9

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

4

1 回答 1

14

好的,所以做动态宽度最简单的方法就是为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" />
于 2012-11-04T16:03:58.450 回答