首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-03-09 
svg的text元素!求赐教JScript code var textR document.createElementNS(svgns, text)textR.setAttri

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


……

热点排行