SVG - 调整 tspan 的大小以填充所有可用空间

Question

我有 tspan 元素，其中包含一些文本。我也为它指定了一些font-size。另外我有父母的盒子大小，即宽度和高度。所以现在我希望我的文本适合具有指定宽度和高度的框。

我有一个选项是手动计算字符串width 和height（但在不同字体和浏览器的情况下变得更加复杂）。

那么在 SVG 中还有其他方法可以将 tspan 的大小调整为必要的大小吗？请注意，我希望正确更改文本字体大小，即文本将以 ma​​x 字体大小显示，并且其中的任何单个字符都将可见。

Answer 1

好吧，我想出了以下解决方案 - 将 div 元素绝对定位在可见区域之外。将tspan 中的所有字体和其他相关样式（字体大小除外）应用到div，将文本放入div。接下来尝试不同的大小（您可以使用二进制搜索以获得更好的性能）并测量div 大小。一旦找到最大字体大小 - 将其与文本一起应用到 tspan。