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

Question

可能重复:
SVG缩放文本以适合容器

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

例:

<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属性,但似乎你必须知道我没有的内容的维度.