SVG动态调整大小

问题描述：

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

提供您的代码作为工作的基础。 –

重复问题：http://stackoverflow.com/questions/3120739/resizing-svg-in-html – Graviton

我的代码是很多。我真的不得不把你的文件夹发给你。我可以拍摄它的外观。这会有帮助吗？我试着将宽度和高度设置为100％，就像上面建议的链接 –

答

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

我的例子所以关键部分是要么离开了width和关闭SVG元素height性质，或

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

，然后用百分比值像内部元素所以：

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

这是我的容器外观的一个例子。表达式图像是一个svg。这里是它的快照链接：http://imgur.com/3Yw6v –

所以，如果你提供动态宽度和高度，它不适合你需要的空间？ –

是的，它仍然溢出。 –