svg - getBBox() 不返回任何矩形或路径

Question

请参考下面的矩形代码。

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

我尝试获取矩形边界框值，它不返回任何内容，即 x=0,y=0,width=0,height=0 的“0”

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

但是当我获得 x/y/width/height 的属性时，它会返回一些值

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

路径元素和矩形元素相同。

出了什么问题？

这里没有提供解决方案。

如何在jquery中获取svg路径的边界框或矩形（getBBox（））

这就是为什么我创建了另一个线程。它不是重复的线程。

谢谢，

湿婆

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