getBBox（）不返回rect或path

Question

请参考下面的矩形代码。

<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，width = 0，height = 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元素的边界框

http://www.janvas.com/illustrators_designers_developers/projects/janvas2D_web/examples_EN.php?exampleName=ufo_animation_EN

一般

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 ) ;