html - SVG 文本的最后一个字母在 Firefox 中被剪切

我有一个简单的 SVG，里面有文本，在 chrome 和 Safari 上工作正常，但在 FIREFOX 上，文本的最后一个字母根本不显示。 (在这种情况下，“atul”中的“l”不会在 Firefox 上显示。)

<svg viewBox="0 0 100 100" height="250" width="250">
  
    <path id="p1" d="M50 10 a 40 40 1 1 0 1 0" pathLength="1.99" style="fill: red;"></path>    
  <text font-size="6" text-anchor="middle">
    <textPath href="#p1" startOffset="1" side="center" style="letter-spacing:1px;font-weight:600;text-transform:uppercase; dominant-baseline: ideographic;">Atul</textPath>    
  </text>
</svg>

只需将此 svg 复制并粘贴到 HTML 中，然后尝试在 Firefox 中呈现它。

我想了解问题以及解决方案，如果有人可以解释一下。

提前致谢。

最佳答案

问题是 </textPath> 之后有尾随空格当 Firefox 遇到该空格时，它会过早地停止 textPath 处理一个字符。

此问题已在 bug 1809688 中修复.

关于html - SVG 文本的最后一个字母在 Firefox 中被剪切，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/75086814/