syntax - append ("svg:g") 和 append ("g") 之间的区别

Question

我在一个 d3js 项目上工作，我看到了一些关于 append("g") 的教程。和其他与 append("svg:g")没有得到两者之间的区别。

Answer 1

在 D3 的早期，您需要使用 svg:g语法，因为 SVG 元素 append 到 DOM 的方式。更高版本的 D3 不需要这些“提示”来插入 SVG 元素，所以现在正确的方法是使用简单的 g .

这背后的技术细节相当枯燥，SVG 需要一个命名空间，所以当你插入或操作 SVG 元素时，你使用 document.createElementNS('a', "http://www.w3.org/2000/svg)白色纯 HTML 使用 document.createElement('a') .由于 D3 可以操作 SVG 和 HTML d3.append('svg:a')是一种说法，这是一个 SVG anchor 。