Как изменить размер текста в SVG динамически?
Я работаю над отчетом, который включает встроенную диаграмму SVG. Диаграмма нарисована с использованием относительных координат, поэтому при изменении размера окна браузера размер диаграммы изменяется довольно хорошо. Единственное исключение - текст - он остается прежним. Можно ли в SVG рисовать текст с изменяемым размером?
Ответы 1
Я думаю, вам нужно использовать относительный размер для размера шрифта. См. http://www.w3.org/TR/SVG11/coords.html#UnitIdentifiers. Когда вы используете абсолютный размер, такой как pt или cm, он автоматически вычисляет, какой размер должен быть для правильного отображения на вашем мониторе, чтобы получить этот размер. Но когда вы используете px, используется текущее окно просмотра. Если вы не укажете единицу измерения, единицы пользователя также будут использоваться, как в примере в связанном документе:
<text style = "font-size: 50">Text size is 50 user units</text>