2013年6月25日火曜日

JavascriptでSVGにtext要素を追加する方法

JavascriptによりSVGへ動的にtext要素を作成したい場合。
このようにやると正しく機能しない。
        var parentElm = document.getElementById("SVGのid");
        var ns = 'http://www.w3.org/2000/svg';
        var textElm1 = document.createElementNS(ns,"text");
        textElm1.innerHTML = "hoge";
        parentElm.appendChild(textElm1);

こうすればうまくいく。
        var parentElm = document.getElementById("SVGのid");
        var ns = 'http://www.w3.org/2000/svg';
        var textElm1 = document.createElementNS(ns,"text");
        svgElm1.appendChild(document.createTextNode("hoge"));
        parentElm.appendChild(textElm1);

0 件のコメント:

コメントを投稿