SVG 뷰포트 내에 DIV 요소 배치

Question

SVG 요소를 기준으로 HTML DIV 요소를 배치하는 방법은 무엇입니까?

D3를 사용하여 SVG 차트를 생성했습니다.

오른쪽 하단의 범례 옆에 드롭다운을 추가하고 싶습니다. 해당 요소(일반 HTML DIV 요소)가 있지만 차트에 올바르게 배치하는 방법을 모르겠습니다.

SVG 요소의 위치 지정은 이해하지만 DIV 요소와 같은 것을 적용하는 방법을 모르겠습니다.

아래와 같이 뷰포트 외부에 배치하는 것 외에 다른 아이디어가 있습니까?

Answer 1

보기 CSS 위치. SVG를 보관하기 위해 상대적으로 위치가 지정된 DIV를 만들 수 있습니다. 그런 다음 select 元素；您可以使用它的 left 和 top 스타일을 수용하기 위해 그 위에 절대 위치의 DIV를 배치하고 원하는 곳에 두 번째 DIV를 배치할 수 있습니다.

모든 것을 합친 것:

으아악 으아악