SVG getBBox function returns zero in FireFox & Edge (but not in Chrome)

问题

I have an svg element (created with D3).

while in chrome the "getBBox" function works fabulously, it fails in fireFox and Edge. Thought I saw this discussion in couple of places(e.g. here, here) none of them yielded a clear answer.

This doesn't work either - getBoundingClientRect() And my element is not underneath (i saw that it might cause issues).

Thanks alot!

回答1:

Ok, i found what was wrong.

Chrome can handle "g" elements with "display : none". but Firefox and edge treat it as "non-existing/zero dimensions".

sorry for the fuss.

来源：https://stackoverflow.com/questions/44438215/svg-getbbox-function-returns-zero-in-firefox-edge-but-not-in-chrome