绘制SVG轮并向外部部件添加文本

Question

我正在尝试使用由Javascript创建的svg来绘制轮子。轮段基于阵列的大小。

一切都很好，但文本（在方向盘的外部）似乎没有沿文本路径呈现。

这是我的代码的一部分，应该创建一个指向文本的路径元素的链接，但是在生成页面时不会出现任何内容。

var arcOutTextPath = document.createElementNS(svgns, 'textPath');

arcOutTextPath.setAttributeNS(xlinkNS, "xlink:href", "#" + career[i]);
arcOutTextPath.textContent = career[i].replace("_", " ");

arcOutText.appendChild(arcOutTextPath);

I've also added the full code on CodePen

Answer 1

您的xlinkNS协议错误：https比http。你想要这个：

var xlinkNS = "http://www.w3.org/1999/xlink";