svg 微调器/加载器不显示在移动浏览器上

Answer 1

这可能没有帮助（但现在我在 Android 上测试了 Firefox 和 Chrome，在 iOS 上测试了 Safari，并且工作正常）。这是一个稍微清理过的版本，我用圆弧替换了路径中的一些曲线。

<svg
  xmlns="http://www.w3.org/2000/svg"
  width="120"
  style="margin: auto; display: block;"
  viewBox="0 0 114 54">
  <path
    transform="translate(2 2)"
    fill="none"
    stroke="#441C55"
    stroke-width="4"
    stroke-dasharray="70 30"
    d="M 25 0
       A 1 1 0 0 0 25 50
       C 55 50 55 0 85 0
       A 1 1 0 0 1 85 50
       C 55 50 55 0 25 0 Z"
    pathLength="100"
    stroke-linecap="round">
    <animate
      attributeName="stroke-dashoffset"
      repeatCount="indefinite"
      dur="1s"
      keyTimes="0;1"
      values="0;100"/>
  </path>
</svg>