如何在 TypeScript 中创建 SVG 元素？

Question

考虑这个 TypeScript：

let text: SVGTextElement = document.createElement('text');

这给了我一个警告：

TS2322：类型

HTMLElement

不可分配给类型

SVGTextElement

如何以编程方式创建类型为

SVGTextElement

的 SVG 元素？

Answer 1

createElement 默认创建一个 HTML 元素，所以我认为您可以使用 createElementNS 方法，该方法允许您在特定的 XML 命名空间中创建元素。

让我提供示例代码：

let text: SVGTextElement = document.createElementNS("http://www.w3.org/2000/svg", "text");

希望对您有帮助。