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

时间:2013-08-09 19:11:59

标签: css svg standards

此SVG包含一个溢出SVG元素的矩形:

<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 rect。

1 个答案:

答案 0 :(得分:3)

此Firefox错误现已修复,修复程序已在Firefox nightlies中,并应通过将于2014年10月14日发布的Firefox 33.有关详细信息,请参阅bug 530985