使用JavaScript更改SVG圖像的大小？

<svg version="1.1" x="0" y="0" width="256" height="256" viewBox="0 0 335 394">

加上一噸多代碼（命名空間等），這是不必要的這種情況，但我的問題是，我需要以某種方式改變該寬度和高度（從256px到任意大小）使用JavaScript。 .svg像這樣使用：

<html> 
<body> 
<div style="background: url(example.svg);"></div> 
</body> 
</html>

我真的需要以某種方式完成此操作。有任何想法嗎？

更新：我需要這個，因爲我希望用戶能夠通過JavaScript控件爲我的用戶界面設置基本大小。

2010-07-04 Tower

把<img>標籤放在div裏面，並設置寬度和高度如何？

<html> 
    <body> 
    <div> 
     <img src="example.svg" width="10px" height="10px" /> 
    </div> 
    </body> 
</html>

這將允許您的瀏覽器根據給定的尺寸自動縮放圖像。

2010-07-04 18:28:06 tomit

回答