[解決済み] JavaScriptで、SVG <g>要素のZインデックス/レイヤーを変更することは可能ですか？

質問

例えば、いくつかの複合シェイプ( <g> ). それらをクリックしてドラッグできるようにしたいのですが、今たまたまドラッグしているものが Z 順でもう一方のものの上に来るようにしたいのです。

どのように解決するのですか?

SVGにおけるZインデックスは、ドキュメントに表示される要素の順序によって定義されます。 特定の図形を一番上に持ってきたい場合は、要素の順序を変更する必要があります。