getBBox()는 rect 또는 경로에 대해 아무것도 반환하지 않습니다.

Question

아래의 rect 코드를 참조하십시오.

<rect id="container_svg_ChartArea" x="146.8" y="20" width="633.2" height="414" fill="White" stroke-width="1" stroke="Gray"></rect> 

내가 폭은 즉 "0"X = 0, y는 0 = 아무 것도 반환하지 않습니다 사각형 경계 상자의 값을 얻을 시도 = 0, 높이 = 0

$("#container_svg_ChartArea")[0].getBBox() 

하지만 난을 얻을 때 x/y/width/height에 대한 속성 일부 값을 반환합니다.

$("#container_svg_ChartArea").attr("x") ->value returned. 

경로 요소와 사각형 요소는 동일합니다.

무엇이 잘못 되었나요?

여기에 해결책이 없습니다.

how to get bounding box or rect (getBBox()) for svg path in jquery

내가 다른 스레드를 만든 이유를 먹으 렴. 그것은 중복 스레드가 아닙니다.

감사합니다,

시바

Answer 1

SVG 요소의 경계 상자를하는 방법에 대한 예제를보고 관리의 일반적인

var svgElement = document.getElementById('the id of your element'); 
bbox = svgElement.getBBox(); 

console.log(bbox.x) ; 
console.log(bbox.y) ; 
console.log(bbox.width) ; 
console.log(bbox.height) ;