2010-07-04 52 views
1

我有了下面的代码.svg文件:使用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控件为我的用户界面设置基本大小。

回答

1

<img>标签放在div里面,并设置宽度和高度如何?

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

这将允许您的浏览器根据给定的尺寸自动缩放图像。