缩放svg文本以适合精确的宽度或父容器宽度

Question

  

可能重复：
  SVG Scaling Text to fit container

我有一个未知长度的文本（比如一个元素的标题），我有一个固定尺寸的容器，应该显示没有剪裁的文本。相反，文本应缩放以完全适合容器。

示例：

<svg>
    <rect width="100px" height="100px" fill="none" stroke="blue" />
    <svg width="100px" height="100px" style="border:black">
        <text dx="1ex" dy="1.5em" >Some Unknown Caption</text>
    </svg>
</svg>

我觉得svg应该很容易，但是我找不到怎么做。我知道我可以通过计算缩放因子来使用Javascript，但我相信对于这种常见情况，必须存在某种类型的自动缩放。我已经尝试了viewbox属性，但似乎你必须知道我没有的内容的维度。