Question

我有一个.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控件为我的用户界面设置基本大小。

Answer 1

如何在div中放置<img>标记，并在其上设置宽度和高度？

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

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