日期:2014-05-16  浏览次数:22218 次

svg的text元素!求赐教
JScript code

 var textR = document.createElementNS(svgns, 'text');
            textR.setAttribute('x', '200px');
            textR.setAttribute('y', '200px');
            textR.setAttribute('fill', 'black');
            textR.text = ‘测试’;



我想最后生成的是!
<text x="200px" y="200px" fill="black">测试</text>

我到底该怎么写???




这样写的确是插进来了!但是前台没有显示出来
JScript code

 var textR = document.createElement('text');
            textR.setAttribute('x', '200px');
            textR.setAttribute('y', '200px');
            textR.setAttribute('fill', 'black');
            textR.innerHTML= ‘测试’;




------解决方案--------------------
JScript code

var textR = document.createElement("text");
            //假设增加到一个id为div的div里面
            var t = document.getElementById("div").insertBefore(textR);
            textR.setAttribute('x', '200px');
            textR.setAttribute('y', '200px');
            textR.setAttribute('fill', 'black');
            textR.innerHTML = "测试";

------解决方案--------------------
直接 document.write("<text x='200px' y='200px' fill='black'>测试</text>");
------解决方案--------------------
JScript code


    this.create_text = function (x, y, sty, data, id, mode) {
        var ele = this.myDoc.createElementNS(this.svgNS, "text");
        if (id != null) {
            ele.setAttribute("id", id);
        }
        if (mode == "tb") {
            ele.setAttribute("writing-mode", mode);
        }
        ele.setAttribute("x", x);
        ele.setAttribute("y", y);
        ele.setAttribute("style", sty);
        if (data != null) {
            var value = this.myDoc.createTextNode(data);
            ele.appendChild(value);
        }

        return ele;
    }

    this.create_textData = function (data) {
        var ele = this.myDoc.createTextNode(data);

        return ele;
    }

------解决方案--------------------
JScript code


    var textR = document.createElementNS(svgns, 'text');
            textR.setAttribute('x', '200px');
            textR.setAttribute('y', '200px');
            textR.setAttribute('fill', 'black');
    var textRData = document.createTextNode("test");
        textR.appendChild(textRData);

------解决方案--------------------
探讨

引用:

JScript code


var textR = document.createElementNS(svgns, 'text');
textR.setAttribute('x', '200px');
textR.setAttribute('y', '200px');
textR.setAttribute('fi……


……