Как я могу нарисовать из центра SVG, а не из верхнего левого угла? - проблемы с textPath в Chrome ⇐ CSS

[Гость]

У меня есть SVG на HTML-странице с динамической шириной, и я хочу нарисовать внутри него круговой текстовый путь, который будет оставаться по центру независимо от изменения размера окна браузера.

Код: Выделить всё

#mysvg {
float: left;
position: fixed;
top: 0;
left: 0; }






my text

Я не хочу, чтобы круг масштабировался, поэтому viewBox не подходит. Однако фон должен заполнять окно браузера.
Если вы протестируете приведенный выше код в Firefox или Safari, он будет работать отлично, однако Chrome, похоже, не поддерживает должным образом textPaths в кругах. Кажется, Chrome требует использования вместо .
Поэтому мой SVG должен стать следующим:

Код: Выделить всё

my text

The issue is that I cannot find any answer about how to make that centre in the same way that the original does. How can I make the path draw from the centre of the SVG instead of the top left corner?


Источник: https://stackoverflow.com/questions/781 ... top-left-c