bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман

Как написать текст по кругу в SVG?

Добрый день, коллеги.
Встала потребность в создании СВГ элемента (файла), где будет возможно менять содержание текстового контента.
Пример того, что необходимо реализовать

САБЖ:
608b95aa1e64c568409464.jpeg

Внутри этой плашки нужно будет иметь возможность заменить как название магазина, так и размер скидки.
Плашка НЕ АНИМИРОВАННАЯ! Никаких вызовов или скриптов не нужно.

ПРОБЛЕМА:
Не могу найти адекватного описания или реализации написания текста по кругу, как на скрине: арка сверху - арка снизу.
+ текст по середине

Прошу вас подсказать, как это сделать или дать наводку на туториал.

Заранее БЛАГОДАРЮ!
  • Вопрос задан
  • 301 просмотр
Решения вопроса 1
@lagudal
так первая же ссылка в google дает исчерпывающий ответ
https://gist.github.com/yashaka/d25804de44b1ead810...
только там один текст и соотв-но один path, а в вашем случае надо подготовить 3 и каждому дать свой id.
textPath -ов тоже будет 3 - цепляете их соо-но и при необходимости меняеете тексты не изменяя путей.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы