Как установить исходную точку преобразования в SVG

Мне нужно изменить размер и повернуть определенные элементы в документе SVG, используя javascript. Проблема в том, что по умолчанию он всегда применяет преобразование вокруг начала координат в (0, 0) - вверху слева.

Как я могу повторно определить эту точку привязки преобразования?

Я пробовал используя атрибут transform-origin , но это ни на что не влияет.

Вот как я это сделал:

svg.getDocumentById('someId').setAttribute('transform-origin', '75 240');

Кажется, он не устанавливает опорную точку на точку, которую я указал, хотя в Firefox я вижу, что атрибут установлен правильно. Я пробовал такие вещи, как по центру внизу и 50% 100% со скобками и без них. Пока ничего не помогло.

Кто-нибудь может помочь?

90
задан Hafenkranich 18 October 2016 в 12:36
поделиться