svg - Inkscape 生成的 flow* 元素有哪些浏览器友好的替代方案？

Question

在我正在进行的一个项目中，我有一些使用 Inkscape 生成的 map 的 View 。但是，我们遇到了一些小问题……特别是，有些 map 根本不渲染文本。

后 some research在 StackOverflow 上讨论这个问题，我发现有一些很好的理由:

Inkscape 生成 SVG 1.1 文档，而不是 SVG 1.2 文档，尽管包括 flowRoot , flowRegion , 和 flowPara元素。我将 map 更新为 1.2 版文档，但没有帮助。

我读到那些 flow*作为 SVG 1.2 标准的一部分，元素实际上并未在大多数浏览器中实现，因为 SVG 1.2 从未被任何人接受。这解释了为什么没有多少哄骗会导致我们 map 上的文字出现。

通常建议，如果要在浏览器中查看您的 SVG，请使用 <text>而不是 <flowPara>

这揭示了一个更深层次的问题，我无法从 Google 搜索中找到答案:Inkscape 正在用它可以呈现的其他垃圾填充文档(分别为 flowRoot 和 flowRegion)，但 IE/Chrome 没有实现为了。

问题:

什么广泛实现的 SVG 标签可以很好地替代 flowRoot ?

什么广泛实现的 SVG 标签可以很好地替代 flowRegion ?

如果不存在这样的替代方案，是否有一些简单的方法，甚至是一般的启发式方法，如何最好地修改 SVG 文档以使其在现代浏览器(IE11 或 Chrome)上完全可见？

Answer 1

在 Inkscape 中，选择流动的文本对象。转到“文本”菜单，然后选择“转换为文本”。

流动的文本元素现在将是普通的 <text>元素，并将在浏览器中正确显示。