Изменить размер изображения SVG с помощью JavaScript? - PullRequest
1 голос
/ 04 июля 2010

У меня есть файл .svg, который имеет следующий код:

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

плюс еще тонна кода (пространства имен и т. Д.), Который не нужен в этой ситуации, но проблема в том, что мне нужнокаким-то образом изменить эту ширину и высоту (от 256 пикселей до произвольного размера) с помощью JavaScript..Svg используется вот так:

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

Мне действительно нужно как-то это сделать.Есть идеи?

Обновление: мне это нужно, потому что я хочу, чтобы пользователь мог устанавливать базовый размер для моего пользовательского интерфейса с помощью элемента управления JavaScript.

1 Ответ

1 голос
/ 04 июля 2010

Как насчет размещения тега <img> внутри div и установки ширины и высоты для него?

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

Это позволит вашему браузеру автоматически масштабировать изображение на основе заданных размеров.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...