Полное масштабирование SVG с помощью JavaScript

Question

Я экспериментирую с идеей создания сетевой игры с SVG для графики. У меня есть один родительский элемент SVG в моем HTML-файле, и я динамически вставляю SVG, загруженные из других файлов с помощью JavaScript. Внутренне моя игра использует метры вместо пикселей, и поэтому по пикселям графика довольно большая. Есть ли способ я могу масштабировать целые элементы SVG? Или мне нужно перебирать их графические элементы и масштабировать их по отдельности?

В Google Chrome явная настройка currentScale, похоже, ничего не делает; он полностью контролируется уровнем масштабирования браузера.

Answer 1

Установите атрибут viewBox в корневом элементе svg, чтобы вам не приходилось масштабировать отдельные элементы.Или оставьте их как есть и разрешите масштабирование и панорамирование.Вы можете установить viewBox, чтобы показывать только часть графики.

Без примера того, как вы используете currentScale, невозможно сказать, правильно ли он используется, но он должен увеличить svg.