javascript - 绘制 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 协议(protocol)错误:https 而非 http。你想要这个:

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