有谁知道我可以动态调整svg图像的大小以使其适合容器?我发现我的图像溢出了。我想要的是一种调整大小的方法,这样它就不会溢出。 任何回应表示赞赏。我也尝试将宽度和高度设置为100%
答案 0 :(得分:6)
好的,这样做动态宽度的最简单方法就是为width
或/和height
提供一个百分比值。你可以在这里找到我的例子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" />