【问题标题】:How to resize text in svg dynamically?如何动态调整svg中的文本大小?
【发布时间】:2010-09-21 22:51:12
【问题描述】:

我正在编写一份包含嵌入式 svg 图的报告。该图表是使用相对坐标绘制的,因此当浏览器窗口调整大小时,图表的大小会很好地调整。唯一的例外是文本 - 它保持不变。是否可以在可调整大小的 svg 中绘制文本?

【问题讨论】:

    标签: graphics svg diagram


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 2012-10-24
      • 1970-01-01
      • 2016-09-06
      • 2018-11-17
      • 2020-06-09
      • 1970-01-01
      • 2021-03-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多