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

Question

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

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

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

Answer 1

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