svg文本元素有内容属性吗?

时间:2017-04-03 19:29:51

标签: xml svg

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

我相信这可以通过javascript实现:

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

这可以在没有javascript的情况下实现吗? Ex.gr:

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

1 个答案:

答案 0 :(得分:0)

虽然你不能把svg文本元素的文本放在属性中,你可以用这样的javascript追加一个文本元素(带文本)。

&#13;
&#13;
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);
&#13;
&#13;
&#13;