SVG 도형 및 텍스트 끌어서 놓기

Question

텍스트를 드래그 할 수있는 SVG 모양을 만들려고합니다. 드래그 할 수는 있지만 텍스트는 도형과 별도의 항목으로 유지됩니다. 텍스트와 도형을 하나로 만들 수 있습니까?

미리 감사드립니다.

SG

Answer 1

물론, 텍스트와 <g> 요소의 형상 아이들 둘을하고 <g> 드래그합니다. <g> pointer-events = "none"의 텍스트와 도형을 만들어 모든 마우스 이벤트가 <g>이되도록 할 수 있습니다.