添加曲线到svg文档的单词

时间:2013-05-15 21:05:01

标签: text svg path

<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>

我尝试使用我从互联网上获得的代码,但错误:“第23行的第7行:未定义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>

1 个答案:

答案 0 :(得分:0)

你错过了xmlns和xlink之间的冒号

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