SVGホイールを描画し、外側にテキストを追加する

Question

私はJavascriptで作成されたsvgを使用してホイールを描画しようとしています。ホイールセグメントは、配列のサイズに基づいています。

すべてがうまく描けますが、（ホイールの外側の部分の）テキストはテキストパスに沿ってレンダリングされていないようです。

これは、テキストのパス要素へのリンクを作成する必要があるコードの一部ですが、ページが生成されると何も表示されません。 HTTPSからHTTPより：

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は間違ったプロトコルを持っています。あなたはこれが欲しい：

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