有没有一种与蜡染兼容的方法可以使用 SVG 进行自动文本换行?
我遍了互联网,找不到任何明确的东西。 使用 HTML foreignObject
不起作用。我看到flowRoot
和朋友应该工作,但我似乎无法让一个人正常工作。我也找不到一个确凿的例子。
一个有效的 SVG 示例将不胜感激。
<flowRoot>
是SVG 1.2规范中提议的元素。 该规范从未获得批准,并且除了 Inkscape 矢量编辑器之外,这些文本流元素没有被任何浏览器或渲染器实现。
如果您知道您将只在浏览器环境中,则可以使用 <foreignObject>
元素。但是,如果 SVG 需要在浏览器之外工作,则不能使用 ithat。
即将推出的 SVG2 规范包括用于自动换行并将其放置在形状中的功能。 例如,有 inline-size
属性。然而,还没有任何东西支持这一点。
目前唯一与渲染器无关的选项是使用单独的<text>
或<tspan>
元素自行布局文本行。