SVG中特定组或元素的Z-order和z-index

Question

我使用“路径”标签在 SVG 中画了一条线，然后我在线的相同 x 值上画了一个圆圈，但圆圈在该线的后面。我想要线条前面的圆形元素。如何将 z-order 或 z-index 设置为 svg 中的特定组或元素以显示前面的元素。

我尝试使用 z-Index 属性来圈，但它不起作用。

<circle  .... z-Index=1000>

</circle>

谢谢，

湿婆

Answer 1

SVG 元素没有可以调整的 z-index。它们的分层顺序取决于您在 HTML 中绘制它们的顺序。例如，将 SVG 对象移动到顶部就是将其从 DOM 中移除并将其附加到对象的父对象。由于它是最近绘制的 SVG 对象，因此将显示在顶部。