SVG wird in Chrome / Firefox nicht vollständig angezeigt

4

Warum wird dieses SVG-Bild in Chrome oder Firefox nicht richtig angezeigt? Es wird wie erwartet in IE 9 angezeigt. Ich habe dies in Firefox 5 und 6 sowie in Chrome 13, 14 und 15 getestet - alles unter Windows. Ich werde Linux und ChromeOS testen, wenn ich nach Hause komme.

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

Das Bild soll so aussehen:

Bildbeschreibung hier eingeben

Ich sehe nur die rote Grafschaft und sonst nichts. Es kann etwas mit dem Ansichtsfenster zu tun haben:

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

Als Hinweis erhalte ich dieses Verhalten für alle SVG-Bilder der County-Karte auf Wikipedia, jedoch nicht unbedingt für andere SVG-Bilder auf Wikipedia.

firefox google-chrome svg kzh
quelle
Funktioniert für mich unter Firefox 3.6.18, Linux.
Mechanische Schnecke
In späteren Versionen von Firefox funktioniert dies jedoch nicht.
kzh

Antworten:

3

Ich bin nicht sicher, was sich geändert hat, aber Chromium 14 und Opera 11.50 stimmen mit dem aktuellen Firefox-Rendering überein (riesige Leinwand, die nur das rote Land anzeigt). Ich vermute, dass das neue Verhalten angesichts des Markups "korrekt" ist.

edit: Ok, ich habe dies auf den nächtlichen Änderungsbereich im Firefox-Entwicklungs-Trunk zurückgeführt. Die Verhaltensänderung war auf die oberste Änderung für Fehler 547062 zurückzuführen , und das neue Verhalten scheint korrekt und wie beabsichtigt zu sein. Siehe den ersten Kommentar zu diesem Fehler - <clipPath>enthält nur bestimmte Elemente und <g>ist in dieser Liste nicht enthalten. Der Testfall hat also ein ungültiges Markup.

Mechanische Schnecken verbunden Validator stimmt mit der oben - heißt es: document type does not allow element "g" here.

dholbert
quelle
1
Ich habe es erfolgreich gerendert und validiert, indem ich das Clippath-Element entfernt habe, das die g-Elemente umgibt, und indem ich auch die ID-Attribute geändert habe, die mit Zahlen begannen. view-source: kaleb.hornsby.ws/+/img/RI.svg Danke.
kzh