如果我现在正在使用文本，则如何在svg中显示分数

Question

我希望文本以a / b形式显示数字。 如何使用SVG <text></text>

例如

Answer 1

您可以通过unicode上标和下标字符来显示它。

<svg>
  <text x="20" y="30" font-family="Cambria" font-size="20px">Fraction: &#179;⁄&#8322;</text>
</svg>

或者使用dx来使字母出现在同一位置。

<svg>
  <text x="20" y="30" font-family="Cambria" font-size="20px">Fraction: <tspan dx="0 -11.5 -11.5">&#179;&#8213;&#8322;</tspan></text>
</svg>