text - 将弯曲的单词添加到 svg 文档

Question

<svg xmlns="http://www.w3.org/2000/svg"
 xmlnslink="http://www.w3.org/1999/xlink">
<defs>
<path id="path1" d="M25, 100 C10,10 175,10 175,100" />
</defs>
<text font-size="19.5" fill="blue">
<textPath xlink:href="#path1">Hello text-on-a-path world!</textPath>
</text>
</svg>

我尝试使用从 Internet 获得的此代码，但错误：“第 7 列第 23 行：未定义 textPath 上 href 的命名空间前缀 xlink”出现在我的浏览器上。实际上，我从互联网上获得的部分不包括我的打开和关闭 svg 标签，只是里面的内容。我添加了以 xmlns 开头的代码，因为我认为我在某处看到了定义命名空间前缀的方法。

这是我使用的有效代码：

<use xlink:href="#MyPath" fill="none" stroke="red"  />

<text fill="red" font-family="Verdana" font-size="15" word-spacing="4" letter-

spacing="2" padding-left="30px">
<textPath xlink:href="#MyPath">
  -----------------Support Your Local Devil 

Worshipper-------------------------------
</textPath>
</text>

Answer 1

您在 xmlns 和 xlink 之间缺少一个冒号

<svg xmlns="http://www.w3.org/2000/svg" xmlns:link="http://www.w3.org/1999/xlink">