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

Question

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

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

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

</circle>

谢谢，

希瓦

Answer 1

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