如何在 javascript 中使用 svg 文本标签

Question

我可以在 javascript 中使用 SVG 文本标签。但它不起作用。这是我的 Javascript 代码。

O=evt.target;
Doc=O.ownerDocument;    
L = Doc.createElementNS(xmlns, "text");
L.setAttribute("x", 10);
L.setAttribute("y", 10);
L.node.textContent("abcdef");
L.setAttribute("fill", "red");
O.appendChild(L);

以 SVG 文本标签为例：

<text x="10" y="10" fill="red">abcdef</text>

我的 javascript 代码中有什么类型的错误。 问候，维吉

Answer 1

这很好用

​<svg>
    <text x="10" y="10" fill="red">abcdef</text>
</svg>

here是一个工作的javavascript example。我没有您的完整代码，因此很难确定您的确切问题。

编辑： 我想我找到了。 L.node.textContent("abcdef"); 应该是 L.textContent = "abcdef"; new fiddle

更多示例here。