svg - 特定のグループまたは要素の SVG の Z オーダーと Z インデックス

Question

「パス」タグを使用してSVGで1本の線を描き、次に同じx値の線に円を描きましたが、円は線の後ろにあります。行の前に円要素が必要です。z-order または z-index を svg の特定のグループまたは要素に設定して、要素を前面に表示する方法。

z-Index 属性を円にしようとしましたが、機能しません。

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

</circle>

ありがとう、

シヴァ

Answer 1

SVG 要素には、調整できる z-index がありません。レイヤーの順序は、HTML で描画する順序によって異なります。たとえば、SVG オブジェクトを一番上に移動するには、それを DOM から削除し、オブジェクトの親に追加します。これは最近描画された SVG オブジェクトであるため、一番上に表示されます。