如何在本机的Path元素内居中放置Text或TextPath？

Question

我有一个带有svg图像的小型应用程序，需要在Path元素内添加文本。

<Svg>
        <TextPath href="#path" startOffset="50%">
          Text inside the path
        </TextPath>
      <Path id="path"
        d="M124.302 328.222c-2.466-2.901-5.036-5.334-7.648-7.212a4.944 4.944 0"
        fill="tomato"
      />
</Svg>

在原始的svg中，我发现text-anchor="middle"属性几乎满足了我的需要，但是对于本机响应，它不起作用。在理想情况下，我需要将文本放置在Path的中心而不倾斜