Блог

Главная - Вопросы по программированию - Свойство встроенного шрифта SVG Отображает Размер пикселя, сильно отличающийся от ожидаемого

Свойство встроенного шрифта SVG Отображает Размер пикселя, сильно отличающийся от ожидаемого

#svg #font-size

Вопрос:

Я пытаюсь настроить размер шрифта моего svg-файла непосредственно в коде svg, используемом в html. Свойство размера шрифта действительно реагирует на изменение значения, однако значения кажутся совершенно другими по внешнему виду, чем ожидалось.

SVG-Код Здесь:

  <svg
       
       width="167mm"
       height="17mm"
       viewBox="0 0 167 17">
    
            <text
           xml:space="preserve"
       

    style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.90222216px;line-height:1.25;font-family:'Open Sans Condensed';-inkscape-font-specification:'Open Sans Condensed, ';letter-spacing:0px;word-spacing:0px;fill:#dfddfe;fill-opacity:1;stroke:none;stroke-width:0.26458332"
           x="18.06776"
           y="21.276409"
           id="text4998-2-0"><tspan
             sodipodi:role="line"
             x="18.06776"
             y="21.276409"
             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Open Sans Condensed';-inkscape-font-specification:'Times New Roman, ';stroke-width:0.26458332"
             id="tspan5000-5-1">1   2   3   4   5   6   7   8   9  10  11  12  13  14  15  16</tspan></text>
             </svg>

Когда я изменяю значение «размер шрифта» на 20 пикселей, шрифт становится огромным, что-то ближе к тому, что мы обычно называем 50 пикселей. Почему размеры пикселей кажутся разными? В связи с этим, почему значение по умолчанию (7,90222216 пикселей) является таким сложным десятичным значением? Когда я изначально создавал svg-файл в Inkscape, я установил размер шрифта на 22,4 пикселя.

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

1. Это зависит от того, какое у вас поле просмотра. Пожалуйста, отредактируйте свой вопрос и добавьте элемент svg с текстом

2. @enxaneta Я надеюсь, что добавил то, что вы искали.

3. В то время как поле просмотра имеет ширину 167 пользовательских единиц (например, пикселей), ширина элемента svg составляет 167 мм. Это эквивалентно 631px, что означает, что элемент svg растянут в 3,77 раза. Как следствие, текст тоже растягивается, и, хотя размер шрифта составляет 7,9 пикселей, он выглядит так, как если бы он был 7,9*3,77 = 29,783 пикселей. ТАКЖЕ: как наблюдение, высота окна просмотра слишком мала, и часть текста будет выпадать за пределы холста svg

Метки: ,