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

Question

[Антон Кирпач]

Не могу понять как выровнять слово "продано" в выделенном блоке path.
Ссылка на песочницу:

Answer 1

[Максим]

text в svg имеет параметры , такие как x="" и y=""
x="" это горизонтальная ось
y="" это вертикальная ось

так вот <text x="20" y="20"></text> сдвинет сам текст на 20 по оси х и на 20 по оси y
в svg нету такого как text-align: center;

Comments

[Brad9aga]

если б все так просто было ,я бы уже давно это написал )

[Максим]

Brad9aga, есть другие варианты ?

[Brad9aga]

Максим Ленский, я размышляю ща,суть я уже понял, осталось найти ответы

[Brad9aga]

Максим Ленский, https://jsfiddle.net/1m5ak70j/
получилось только так, хотя хотел другое)

[Brad9aga]

Максим Ленский, я думал что что-то можно сделать с textPath,но увы ответов не нашел

[Brad9aga]

Максим Ленский, за то теперь чутка свг изучил

[Максим]

Brad9aga, то и оно - что X и Y я о том и написал - только не выравнивал

[Антон Кирпач]

Всем спасибо за помощь!

[Brad9aga]

Максим Ленский, оно в исходном коде по Y не двигалось

[Антон Кирпач]

Brad9aga, да хоть так работает) и на этом спасибо). Решение по Y наверное только скриптом решить можно чтоб само выбирало высоту.

Answer 2

[Brad9aga]

получилось так
https://jsfiddle.net/1m5ak70j/