使用JavaScript更改SVG图像的大小?

使用JavaScript更改SVG图像的大小?,javascript,html,dom,svg,Javascript,Html,Dom,Svg,我有一个.svg文件,其中包含以下代码: <svg version="1.1" x="0" y="0" width="256" height="256" viewBox="0 0 335 394"> 再加上大量的代码(名称空间等),这对这种情况是不必要的,但我的问题是,我需要使用JavaScript以某种方式改变宽度和高度(从256px到任意大小)。.svg的使用方式如下: <html> <body> <div style="background:

我有一个.svg文件,其中包含以下代码:

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

再加上大量的代码(名称空间等),这对这种情况是不必要的,但我的问题是,我需要使用JavaScript以某种方式改变宽度和高度(从256px到任意大小)。.svg的使用方式如下:

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

我真的需要以某种方式实现这一点。有什么想法吗


更新:我需要这个,因为我希望用户能够通过JavaScript控件设置我的用户界面的基本大小。

放一个


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

放置

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

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