Страницы

Поиск по вопросам

пятница, 14 декабря 2018 г.

Как растянуть текст svg по всей ширине контейнера?

Растягивание самого SVG-элемента никак не помогает. Также пробовал добавить viewBox='50% 50% 100% 100%' и это не привело ни к каким результатам.
.wrapper { width: 600px; background-color: blue; height: 600px; } svg { width: 100%; height: 100%; } tspan { font-size: 30px; font-family: Helvetica; }

The chair has been used since antiquity, although for many centuries it was a symbolic ar - ticle of state and dignity rather than


Ответ

Растягивание текста делается с помощью атрибутов textLength и lengthAdjust
.wrapper { width: 600px; background-color: blue; height: 180px; } svg { width: 100%; height: 100% } text { font-size: 30px; font-family: Helvetica; }

antiquity, although for many centuries it was a symbolic article of state and dignity rather than

Смотрите также: Как растянуть текст по ширине блока div, где присутствует решение через JS/JQ.

Комментариев нет:

Отправить комментарий