Как передвинуть все пропорционально в svg?

Question

[WebforSelf]

Есть svg с набором таких фигур.


Нужно поменять

<svg viewBox="0 0 768 365" xmlns="http://www.w3.org/2000/svg">

на

<svg viewBox="0 0 1790 978" xmlns="http://www.w3.org/2000/svg">

Меняю viewBox и все координаты слепляются в левом углу, соответственно мне каждый элемент теперь перерисовывать? Может есть какой то способ это автоматизировано изменить?

Comments

[sergski]

Достаточно задать для svg размеры

[WebforSelf]

sergski, Длину и ширину?

[sergski]

WebforSelf, да

[WebforSelf]

sergski, тогда он перестает быть гибким

[WebforSelf]

sergski, получается у меня сейчас

<text fill="#FFBE00" x="28" y="230" font-size="16" font-weight="bold" >Урал</text>

Настоящий размер шрифта 36, а ставлю 16 чтоб был по размеру

[RAX7]

WebforSelf, что должно получиться и зачем для этого менять viewBox?

[Ankhena]

Похоже, вы путаете viewbox и размер SVG.
https://jsfiddle.net/mjqtw3d6/

Answer 1

[xenonhammer]

Такие вещи делаются под определенные брейкпоинты. Конкретно в каждом брейкпоинте выставляются координаты, для каждой стрелочки.