SVG动态调整大小

时间:2012-11-04 15:51:40

标签: javascript html svg

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

1 个答案:

答案 0 :(得分:6)

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

因此,关键部分要么省略svg元素的widthheight属性,要么

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

然后使用内部元素的百分比值,如:

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