Как рассчитать viewBox для текста в SVG?

Хочу сделать SVG текстом, и затем использовать его как background-image.
Вставлять буду из спрайта или инлайном.
Но, не могу понять как рассчитывается viewBox.

К примеру, как для текста "Привет", рассчитать размеры viewBox, в примере ниже поставил их наугад.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 35">
 <text x="0" y="50" font-family="Verdana" font-size="35px" fill="gray">Привет</text> 
</svg>


Еще не понял как использовать стили:
font-stretch - Сжатие и растяжение текста. Возможные значения: normal (по умолчанию) | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
text-anchor - Выравнивание текста относительно начала строки. Возможные значения: start (по умолчанию), middle, end

но скорее последние вопросы закроются, если разобраться с viewBox.
  • Вопрос задан
  • 128 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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