SVG - 調整tspan以填充所有可用空間

Question

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

我有一個選項是手動計算字符串width和height（但在不同字體和瀏覽器的情況下它變得更加複雜）。

那麼在SVG中有沒有其他方法將tspan調整爲必要的大小？請注意，我希望文字字體大小能夠正確更改，即文字將以字體大小顯示，並且任何單個字符都將可見。

Answer 1

嗯，我想出了以下解決方案 - 絕對定位div元素以外的可見區域。從tspan將所有字體和其他相關樣式（字體大小除外）應用到div，將文本放入div。接下來嘗試不同的尺寸（您可以使用二進制搜索以獲得更好的性能）並測量尺寸爲div。一旦找到最大字體大小 - 將其與文本一起應用於tspan。