SVG動態調整大小

有誰知道我可以動態調整SVG圖像的大小，以便它適合在一個容器內？我發現我有溢出的圖像。我想要的是一種調整它的方法，使其不會溢出。任何答覆表示讚賞。我也嘗試將寬度和高度設置爲100％SVG動態調整大小

2012-11-04 k.ken

提供您的代碼作爲工作的基礎。 –

重複問題：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" />

2012-11-04 16:03:58

這是我的容器外觀的一個例子。表達式圖像是一個svg。這裏是它的快照鏈接：http://imgur.com/3Yw6v –

所以，如果你提供動態寬度和高度，它不適合你需要的空間？ –

是的，它仍然溢出。 –

回答