Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我有tspan元素,里面有一些文字。我也font-size为它指定了一些。另外我有父母的盒子尺寸,即宽度和高度。所以现在我希望我的文本适合具有指定宽度和高度的框。
tspan
font-size
我拥有的选项之一是手动计算字符串width和height(但在不同字体和浏览器的情况下变得更加复杂)。
width
height
那么SVG中有没有其他方法可以调整tspan到必要的大小?请注意,我希望正确更改文本字体大小,即文本将以最大字体大小显示,并且其中的任何单个字符都将可见。
好吧,我想出了以下解决方案 - 将div元素绝对定位在可见区域之外。将所有字体和其他相关样式(字体大小除外)应用tspan到该div,将文本放入div. 接下来尝试不同的大小(您可以使用二进制搜索以获得更好的性能)并测量div大小。一旦找到最大字体大小 - 将其与文本一起应用到tspan.
div