使SVG大小调整为内部文本内容的大小

Question

我的SVG只包含一段文字，其图形大小是可变的，具体取决于使用的字体和文本的长度。

有没有办法让SVG获取文本图形的宽度和高度？

现在，如果我没有在SVG上指定尺寸，它将以300 x 150显示，切断文字而不是居中。

＆＃13;

＆＃13;

.test {
  font-size: 72px;
  font-weight: bold;
}

svg {
  background: rgba(0, 0, 0, .1);
  object-fit: contain;
  /* nothing :( */
  /*
  width: auto;
  height: auto;
  */
}

body {
  border: 1px solid red;
}

＆＃13;

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
  </defs>
  <text class="test" x="50" y="120">sample text</text>
</svg>

＆＃13;

＆＃13;

＆＃13;