SVG textPath中的文本在iOS浏览器中不可见

Question

我正在尝试在SVG内的弯曲路径上显示文本，以便在移动浏览器上很好地加载。我正在使用SVG textPath元素（其中MDN claims is widely supported），并且有以下简单示例：

html,body,svg { height:100% }

<svg viewBox="0 0 100 100">
  <path
    id="MyPath"
    fill="none"
    stroke="red"
    d="M10,90 Q90,90 90,45 Q90,10"
  />
  <text>
    <textPath href="#MyPath">
      Sample Text
    </textPath>
  </text>
</svg>

我的桌面浏览器可以很好地显示以下内容：

但是在我的iPhone上，我只能看到红线，并且文本丢失。

我在Safari iOS 11.3，Chrome iOS 67，Firefox iOS 12.1中都尝试过，但结果都是相同的。

我想弄清楚如何使弯曲的tex显示在iPhone的浏览器中。谢谢！