복붙노트

[JQUERY] SVG 요소 내부에 DIV를 추가 할 수 있습니까?

JQUERY

SVG 요소 내부에 DIV를 추가 할 수 있습니까?

해결법


  1. 1.HTML을 SVG에 추가 할 수는 없습니다 (기술적으로 외국 낙임을 사용하면 할 수 있지만 토끼 구멍이 있습니다). 또한, SVG의 가시적 인 요소는 중첩 될 수 없으므로 원, rect, 경로 등의 요소와 같은 요소는 자식 요소를 가질 수 없습니다.

    HTML을 SVG에 추가 할 수는 없습니다 (기술적으로 외국 낙임을 사용하면 할 수 있지만 토끼 구멍이 있습니다). 또한, SVG의 가시적 인 요소는 중첩 될 수 없으므로 원, rect, 경로 등의 요소와 같은 요소는 자식 요소를 가질 수 없습니다.


  2. 2.또한 요소를 사용하여
    와 비슷한 목적으로 사용하므로 객체를 그룹화합니다. 여기에 대해 더 많이.

    또한 요소를 사용하여

    와 비슷한 목적으로 사용하므로 객체를 그룹화합니다. 여기에 대해 더 많이.


  3. 3.같은 줄에 "Div"뿐만 아니라 "Rect"뿐만 아니라 "Rect"를 추가하려고합니다. 기음 가능하게 당신이 실패한 곳입니다 D3 용 투터리를 확인하십시오. SVG를 기반으로하는 놀라운 라이브러리 http://alignedleft.com/tutorials/d3/drawing-svgs/

    같은 줄에 "Div"뿐만 아니라 "Rect"뿐만 아니라 "Rect"를 추가하려고합니다. 기음 가능하게 당신이 실패한 곳입니다 D3 용 투터리를 확인하십시오. SVG를 기반으로하는 놀라운 라이브러리 http://alignedleft.com/tutorials/d3/drawing-svgs/

  4. from https://stackoverflow.com/questions/17595813/is-it-possible-to-append-a-div-inside-an-svg-element by cc-by-sa and MIT license