css 哪个浏览器返回SVG元素的getBoundingClientRect的正确结果？

v9tzhpje 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(134)

这个SVG包含一个溢出SVG元素的rect：

<svg id='svg' width='10' height='10'>
  <rect x='-10' y='-10' width='30' height='30'/>
</svg>

字符串
Chrome 28和Opera 12为SVG元素返回一个getBoundingClientRect()，宽度和高度为10。Firefox 23报告的宽度和高度为30。哪一个是正确的？
JSFiddle
相关的规范是CSSOM，如果SVG元素没有“关联的CSS布局框”，则将其委托给SVG规范。我还没有找到“关联的CSS布局框”的定义，但正确的结果似乎取决于此定义，因为getBBox在所有浏览器中都返回30x30矩形。

css

来源：https://stackoverflow.com/questions/18153989/which-browser-returns-the-correct-result-for-getboundingclientrect-of-an-svg-ele