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

时间:2012-07-25 18:53:50

标签: string svg

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

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

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

1 个答案:

答案 0 :(得分:0)

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

相关问题