如何动态调整svg中的文本大小？

StackOverflow https://stackoverflow.com/questions/283346

  •  08-07-2019
  •  | 
  •  

题

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

有帮助吗？

解决方案

我认为你必须使用相对大小的字体大小。请参见 http://www.w3.org/TR/SVG11/coords.html #UnitIdentifiers 的。当您使用像pt或cm这样的绝对大小时，会自动计算在显示器上正确显示的大小，以获得该大小。但是当您使用px时，将使用当前视口。如果未指定单位，则还会使用用户单位，如链接文档中的示例所示：

<text style="font-size: 50">Text size is 50 user units</text>
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top