2017-04-03 40 views
0

svg文本元素是否具有内容属性?svg文本元素是否具有内容属性?

我相信这可以用JavaScript来实现:

document.getElementById("test").textContent("Some meaningful verbage"); 

可以这样无javascript来实现? Ex.gr:

<text id='test' content="Some meaningful verbage"></text> 
+0

不,文云开始标签的结束和结束标记的开始之间。没有javascript可以实现什么功能?使用文本编辑器可以实现您所写的内容,但它不会显示任何内容。 –

+0

我编辑澄清。 –

+0

对我来说似乎不太清楚。 –

回答

0

虽然你不能把一个SVG的文本元素的文本中,你可以添加一个文本元素(文本)属性像这样的JavaScript。

function getNode(n, v) { 
 
    n = document.createElementNS("http://www.w3.org/2000/svg", n); 
 
    for (var p in v) 
 
    n.setAttributeNS(null, p.replace(/[A-Z]/g, function(m, p, o, s) { return "-" + m.toLowerCase(); }), v[p]); 
 
    return n 
 
} 
 

 
var svg = getNode("svg"); 
 
document.body.appendChild(svg); 
 

 
var text = getNode('text', {x:"15", y:"15", fill: "black"}); 
 
text.append("some meaningful text"); 
 
svg.appendChild(text);