JS как переместить SVG?

Question

[Millerish]

Добрый вечер!

Помогите решить вопрос. Мне скинули страницу на которой есть svg элементы. Я никогда не работал с ними. Как мне изменить позицию элемента динамически из скрипта? Пробую марджен, паддин - вообще не реагирует. Нужно изменить позицию элементы с id AAA

<svg width="100%" height="100%">	  
<text id="AAA" stroke="#000000" stroke-width="0.5" font-size="50" transform="rotate(-5 20,40)">
<tspan id="AAA" x="20%" y="45%" style="font-family: Pompadur; stroke:#000000;">ТЕКСТ</tspan>

Answer 1

[L0k1]

у вас в tspan же видно, что есть такие аттрибуты как x и y
попробуйте - и у вас все должно получится

да и гугол никто не отменял

Comments

[Millerish]

Я ничего вразумительного не нахожу по этой теме. Как мне этот tspan например переместить на 20px вверх через js?

[Дима]

Выбираете элемент SVG и изменяете свойство X или Y

Answer 2

[GreatRash]

Для любого SVG-элемента: transform: translate(x, y);
Либо при помощи атрибута тега: transform="translate(x, y)"