Как разместить текст в svg?

Question

[WebforSelf]

Все пытаюсь разобраться с SVG
в прошлом вопросе помогли сделать маску



А вот как добавить текст внутрь элемента circle, он же получается ширина в процентах ,и соответственно чтоб текст кнопка и стрелка тоже были по ширине в %

А также возможно вообще у svg сделать max-widht? к примеру я хочу чтоб он был 60% но маскимальная ширина была бы 1270px ширина.

Comments

[Максим]

Всё как обычно: https://developer.mozilla.org/ru/docs/Web/SVG/Elem...

[WebforSelf]

Максим Ленский, так вот разместил, а а он лежит под маской и не могу вывести в круг.

[Максим]

WebforSelf, вы svg не указали z-index https://codepen.io/topicstarter/pen/mdWEvdN и вообще проигнорировали многие важные атрибуты из за отсутствие которых баги

[WebforSelf]

Максим Ленский, а как быть с кнопкой Хочу попробовать? Вставлять фигуру а в нее текст?

[WebforSelf]

Максим Ленский, каких атрибутов не хватает? багов вроде не замечал

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/wvJWNbq вот так примерно