SVG：我需要一个SVG文件，其中显示“TEST”并自动扩展100％

Question

这是我的文件。

<svg
   width="700"
   height="500">
  <g
     id="layer1">
    <text
       style="font-size:100%;font-family:Bitstream Vera Sans"
       x="6"
       y="37"
       id="">TEST</text>
  </g>
</svg>

我希望TEST以某种方式自动占据整个事物。 像100％的东西。

由于x和y纵坐标，现在文本被错过排列。

Answer 1

尝试setting the viewBox而不是特定的宽度和高度：

<svg viewBox="0 0 240 70">
  <g id="layer1">
    <text
       style="font-size:100px;font-family:Bitstream Vera Sans"
       x="0"
       y="70"
       id="">TEST</text>
  </g>
</svg>

请注意Chrome has some rendering inconsistencies with SVG with no specific height。