Как уменьшить нужный символ в тексте SVG?
Код страницы формируется динамически.
Текст получаю в переменной, которая вставляет его в код. По этому обратиться к части текста и использовать textPath не могу.
Задача такая, уменьшить цифру после запятой. В примере с текстом 23,6 я могу сдвинуть цифру 6 вниз, а хотел бы просто сделать её маленькой.
<svg>
<text x="0" y="15 15 15 20">23,6</text>
</svg>
Ответы (1 шт):
Автор решения: Alexandr_TT
→ Ссылка
Можно воспользоваться командой tspan, которая даст возможность применить различные стили к разным символам строки.
<svg>
<text x="0" y="15">
<tspan font-size="18px">23,</tspan>
<tspan font-size="12px"> 6</tspan>
</text>
</svg>