SVG动态调整大小

k.k*_*ken 3 html javascript svg

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

Mor*_*lde 6

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

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

<svg width="100%" height="100%"></svg>
Run Code Online (Sandbox Code Playgroud)

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

<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />
Run Code Online (Sandbox Code Playgroud)