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

Question

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

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

Chrome 28 和 Opera 12 返回一个getBoundingClientRect()为宽度和高度为 10 的 SVG 元素返回 a。Firefox 23 报告宽度和高度为 30。哪个是正确的？

相关规范是CSSOM，如果 SVG 元素没有“具有关联的 CSS 布局框”，则它委托给 SVG 规范。我还没有找到“具有关联的 CSS 布局框”的定义，但正确的结果似乎取决于这个定义，因为getBBox在所有浏览器中都返回一个 30x30 矩形。

score 3 · Accepted Answer

此 Firefox 错误现已修复，该修复已在Firefox nightlies中进行，并且应该会持续到将于 2014 年 10 月 14 日发布的 Firefox 33。有关详细信息，请参阅错误 530985。

1 回答 1