如何根据内容自动增加'<rect>'的高度和宽度？我想自动增加<rect>高度和宽度吗？

Question

如何根据内容增加<rect>的高度和宽度？我想自动增加高度和宽度吗？

<svg width="400" height="110">
  <rect width="100" height="100" fill-opacity="0" style="stroke-width:3;stroke:rgb(0,0,0)"/>
  <foreignObject x="40" y="40" width="100" height="100">
  <div>test</div>
  </foreignObject>
</svg>

我希望高度和宽度应基于内容吗？