javascriptを使用してSVG要素を作成していますが、うまく機能しますが、テキストのsvg要素を作成して内容を定義すると、ブラウザは値を表示しません私が火かぶ虫でそれを検査するときコードで。javascriptを使ってテキストsvg要素を動的に設定する
コードは次のとおりです。
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.setAttribute('xlink','http://www.w3.org/1999/xlink');
svg.setAttribute('width','187');
svg.setAttribute('height','234');
var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
rect.setAttribute('width','187');
rect.setAttribute('height','234');
rect.setAttribute('fill','#fff');
rect.setAttribute('stroke','#000');
rect.setAttribute('stroke-width','2');
rect.setAttribute('rx','7');
var text = document.createElementNS('ttp://www.w3.org/2000/svg', 'text');
text.setAttribute('x', '10');
text.setAttribute('y', '20');
text.setAttribute('fill', '#000');
text.textContent = '2';
svg.appendChild(rect);
svg.appendChild(text);
var wp = document.getElementById('wrapper');
wp.appendChild(svg);
ここjsfiddleリンクhttp://jsfiddle.net/sAhyC/ は、あなたがSVGを調べる場合は、そこにテキスト要素の値が表示されますが、ブラウザはそれをレンダリングしていないです。
おかげ
私の推測では、ここでは「動的」は問題ではないということです。 –