firefox - 如何在FireFox中获取SVG元素尺寸?

标签 firefox svg

在大多数浏览器中,以下方法将起作用。

window.onload = function(){
    console.log( document.getElementById('svgElm').getBoundingClientRect().width );
};


这是demo。如果您在Google Chrome浏览器中尝试,控制台将输出200。但是,FireFox返回0

最佳答案

如果无法返回SVG属性,我最终将退回到父维度。这是一个演示http://jsbin.com/uzoyik/1/edit

相关代码为:

svg.clientWidth || svg.parentNode.clientWidth
svg.clientHeight || svg.parentNode.clientHeight

关于firefox - 如何在FireFox中获取SVG元素尺寸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13122790/

相关文章:

html - 是否可以在类似于 SVG 开始和结束位置的 CSS 背景中设置渐变开始和结束位置?

javascript - SVG 元素出现在 DOM 中,但不可见

html - 如何在 svg 中引用 jpg?

css - Mozilla Firefox 内容 :url() failure

jquery - Firefox 带有 $.ajax 的空 POST

javascript - 动态更改 SVG 文件的文本

css - 通过CSS3 anchor 旋转SVG而不是在中间

css - Firefox 无法处理 'display:table-cell' 内的绝对定位?

firefox - 使 CSS 过渡效果适用于所有浏览器

css - 对齐 ="center"在 Firefox 和 IE 中不起作用