Мне нужно изменить размер и повернуть определенные элементы в документе SVG, используя javascript. Проблема в том, что по умолчанию он всегда применяет преобразование вокруг начала координат в (0, 0)
- вверху слева.
Как я могу повторно определить эту точку привязки преобразования?
Я пробовал используя атрибут transform-origin
, но это ни на что не влияет.
Вот как я это сделал:
svg.getDocumentById('someId').setAttribute('transform-origin', '75 240');
Кажется, он не устанавливает опорную точку на точку, которую я указал, хотя в Firefox я вижу, что атрибут установлен правильно. Я пробовал такие вещи, как по центру внизу
и 50% 100%
со скобками и без них. Пока ничего не помогло.
Кто-нибудь может помочь?