代码人生的小狗窝

一行行枯燥的代码,却描绘出人生的点点滴滴

您现在的位置是:首页>_JavaScript

svg的text元素!求赐教解决思路

发布时间:2018-08-15浏览(2527)

    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……


    ……