javascript - 如何跨浏览器查找 SVG 元素的大小

标签 javascript css svg

我正在尝试获取视口(viewport)内元素的大小。为此,我使用了 getClientBoundingRect(),因为它会在应用转换后为我提供大小。我遇到的问题是客户端矩形的大小不会大于最高视口(viewport)。所以我切换到 getBBox()。现在的问题是它在 Firefox 中不起作用。在所有浏览器中获取元素大小的最佳方法是什么?

Demo on jsBin

最佳答案

你可以试着用一个 div 包裹它:

Running Demo

关于javascript - 如何跨浏览器查找 SVG 元素的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19772977/

相关文章:

html - 如何使 css 动画停止在最后的第 n 个子 css3

html - 屏幕大小调整和元素位置调整

javascript - d3 图表显示在 bootstrap div 之外

javascript - 如何从 $mdDialog 中的 URL 打开页面?

javascript - 如何使用 JavaScript 添加一些文本来发布?

JavaScript 对象继承与 IIFE?

javascript - 如何直接在浏览器中更改图像的颜色?

页面加载菜单栏上的 javascript 事件类

angularjs - css 溢出 x 不工作

css - 为 SVG 路径的一部分着色