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

How to use svg text tag in javascript

本文关键字：svg 文本标签 javascript      更新时间：2023-09-26

我可以在javascript中使用SVG Text标签。但它不起作用。这些是我的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 代码中的错误类型。问候，维吉

这

完全有效

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

这是一个有效的javavascript示例。我没有您的完整代码，因此很难确定您的确切问题。

编辑：我想我找到了。 L.node.textContent("abcdef");应该L.textContent = "abcdef";新小提琴

更多例子在这里。

相关文章：