SVG 在 Chrome/Firefox 中未完全显示

Question

为什么此 SVG 图像在 Chrome 或 Firefox 中无法正常显示？它在 IE 9 中按预期显示。我在 Firefox 5 和 6 以及 Chrome 13、14 和 15 中测试了这一点 - 所有这些都在 Windows 上。回家后我会测试 Linux 和 ChromeOS。

http://upload.wikimedia.org/wikipedia/commons/1/14/Map_of_Rhode_Island_highlighting_Bristol_County.svg

该图像应该看起来像：

我只看到了红县，没有看到其他的。这可能与视口有关：

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     version="1.1"
     width="6416.0" height="9720.0"
     viewBox="-1856,-3363 6416,9720">...

请注意，我对Wikipedia 上的所有县地图 SVG 图像都会出现这种行为，但不一定对 Wikipedia 上的其他 SVG 图像有这种行为。

Answer 1

不确定发生了什么变化，但 Chromium 14 和 Opera 11.50 与当前的 Firefox 渲染一致（巨大的画布，仅显示红色国家/地区），因此我猜测考虑到标记，新行为是“正确的”。

编辑：好的，我已经将其追溯到Firefox 开发主干上的夜间变更集范围。行为更改是由于错误 547062 的顶部更改所致，并且新行为似乎是正确的且符合预期。请参阅对该错误的第一条评论 -<clipPath>仅限于包含某些元素，并且<g>不包含在该列表中。因此测试用例具有无效标记。

Mechanical snail 的链接验证器同意上述内容——它说：document type does not allow element "g" here。