SVG não está sendo exibido completamente no Chrome / Firefox

Question

Por que essa imagem SVG não está sendo exibida corretamente no Chrome ou no Firefox? Ele é exibido como esperado no IE 9. Testei isso no Firefox 5 e 6 e no Chrome 13, 14 e 15 - tudo no Windows. Vou testar o Linux e o ChromeOS quando chegar em casa.

link

A imagem deve se parecer com:

Estouvendoapenasocondadovermelhoenadamais.Podeteralgoavercomajaneladevisualização:

<svgxmlns="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">...

Como nota, obtenho este comportamento para todas imagens SVG do mapa do condado na Wikipédia, mas não necessariamente outras imagens SVG na Wikipédia.

    

Answer 1

Não sei o que mudou, mas o Chromium 14 & O Opera 11.50 concorda com a renderização atual do Firefox (tela gigante, mostrando apenas o vermelho do país), então acredito que o novo comportamento esteja "correto", dada a marcação.

Editar: Ok, eu rastreei isso até o intervalo de alterações noturnas no tronco de desenvolvimento do Firefox. A mudança de comportamento deveu-se à mudança no topo, pelo erro 547062 , e o novo comportamento parece esteja correto & como pretendido. Veja o primeiro comentário sobre esse bug - <clipPath> é restrito para conter apenas certos elementos, e <g> não está incluído nessa lista. Então o testcase tem marcação inválida.

O validador vinculado do caracol mecânico concorda com o acima - diz: document type does not allow element "g" here .

    

Answer 2

Como afirma o dholbert, outros navegadores recentes concordam com a nova renderização do Firefox.

O validador de marcação do W3C mostra o arquivo svg como inválido , o que provavelmente é o motivo.