阿帕奇蜡染文本包装SVG



有没有一种与蜡染兼容的方法可以使用 SVG 进行自动文本换行?

我遍了互联网,找不到任何明确的东西。 使用 HTML foreignObject不起作用。我看到flowRoot和朋友应该工作,但我似乎无法让一个人正常工作。我也找不到一个确凿的例子。

一个有效的 SVG 示例将不胜感激。

<flowRoot>是SVG 1.2规范中提议的元素。 该规范从未获得批准,并且除了 Inkscape 矢量编辑器之外,这些文本流元素没有被任何浏览器或渲染器实现。

如果您知道您将只在浏览器环境中,则可以使用 <foreignObject> 元素。但是,如果 SVG 需要在浏览器之外工作,则不能使用 ithat。

即将推出的 SVG2 规范包括用于自动换行并将其放置在形状中的功能。 例如,有 inline-size 属性。然而,还没有任何东西支持这一点。

目前唯一与渲染器无关的选项是使用单独的<text><tspan>元素自行布局文本行。

最新更新