특정 그룹 또는 요소에 대한 SVG의 Z- 순서 및 z- 색인

Question

"path"태그를 사용하여 SVG에서 한 줄을 그려서 동일한 x 값의 줄에 그려 지지만 원은 줄 뒤에 있습니다. 나는 선의 앞에 원 요소를 원한다. 요소를 앞에 표시하려면 svg의 특정 그룹 또는 요소에 대해 z- 색인 또는 z- 색인을 설정하는 방법.

나는 동그라미지만, 작동하지 않는 z- 색인 속성을 시도했습니다.

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

</circle> 

감사합니다,

시바

Answer 1

SVG 요소를 사용자가 조정할 수있는 Z- 인덱스가 없습니다. 레이어링 순서는 HTML에서 그리는 순서에 따라 다릅니다. 예를 들어, SVG 객체를 맨 위로 이동시키는 것은 DOM에서 객체를 제거하고 객체의 부모에 추가하는 것입니다. 가장 최근에 그려진 SVG 객체이기 때문에 맨 위에 표시됩니다.