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

Question

我有tspan个元素，里面有一些文字。我也为它指定了一些font-size。另外我有父母的盒子大小，即宽度和高度。所以现在我希望我的文字符合指定宽度和高度的方框。

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

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

Answer 1

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