svg文本路径在firefox中呈现为红色_Svg

svg文本路径在firefox中呈现为红色

svg

svg文本路径在firefox中呈现为红色,svg,Svg,在Chrome中，这把小提琴渲染得很好，但在firefox中，弯曲的文本是一团混乱：正文如下我找不到Firefox出现这种情况的原因有人能给我一个提示，我如何解决或找到问题吗？primary baseline=“middle”和text anchor=“middle”是文本的属性。此外，为了使文本在路径上居中，您需要对文本路径使用startOffset=“50%”，对文本使用text-anchor=“middle”。我希望有帮助文本中心上文正文如下 <path id

在Chrome中，这把小提琴渲染得很好，但在firefox中，弯曲的文本是一团混乱：


正文如下

我找不到Firefox出现这种情况的原因

有人能给我一个提示，我如何解决或找到问题吗？

primary baseline=“middle”

和

text anchor=“middle”

是文本的属性。此外，为了使文本在路径上居中，您需要对文本路径使用

startOffset=“50%”

，对文本使用

text-anchor=“middle”

。我希望有帮助


文本中心
上文
正文如下

<path id="curveBelow" d="M 25,75 A 40 40 0 0 0 95,75" stroke="none" fill="none"></path>

<text class="badge-circle-text" x="42" y="40">
      <textPath alignment-baseline="middle" text-anchor="middle" href="#curveBelow">Text Belog</textPath>
</text>