如何动态调整 svg 中的文本大小?
我正在编写一份包含嵌入式 svg 图表的报告。 该图是使用相对坐标绘制的,因此当浏览器窗口调整大小时,图的大小调整得很好。 唯一的例外是文本 - 它保持不变。 是否可以在 svg 中绘制可调整大小的文本?
I'm working on a report that includes an embedded svg diagram. The diagram is drawn using relative coordinates, so when a browser window resizes the diagram resizes pretty well. The only exception there is text - it remains the same. Is it possible to draw text in svg that is resizable?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为你必须使用相对大小的字体大小。 请参阅 http://www.w3.org/TR/SVG11/coords.html #UnitIdentifiers。 当您使用 pt 或 cm 等绝对尺寸时,系统会自动计算要在显示器上正确显示所需的尺寸,以获得该尺寸。 但是当您使用 px 时,将使用当前视口。 如果您不指定单位,则也将使用用户单位,如链接文档中的示例所示:
I think you have to use a relative size for the font-size. See http://www.w3.org/TR/SVG11/coords.html#UnitIdentifiers. When you use an absolute size like pt or cm, it is automatically calculated what the size must be to display correctly on your monitor, to get that size. But when you use px, the current viewport is used. If you don't specify a unit, the user units are also used as in the example on the linked document: