Inline-SVG-Test für Browser
Veröffentlicht am Mittwoch, 13. Februar 2008, von Alphane Moon
Scalable Vector Graphics (SVG) kann man auf verschiedenen Wegen in eine Webseite einbinden: Am bekanntesten ist die Einbindung über die Elemente <object>, <embed> und <iframe>. Man kann SVG aber auch inline in XHTML verwenden.
Welche Browser können SVG, das inline verwendet wird, darstellen? Um das herauszufinden habe ich diese Seite als Acid-Test für Browser geschrieben. Es ist ganz einfach:
Wenn auf dieser Seite ein grüner Smiley angezeigt wird, hat der Browser den Test bestanden. Wenn ein roter Smiley zu sehen ist, hat der Browser versagt.
Browserunterstützung
Ich habe es mit Opera 9.26, Firefox Gran Paradiso 3.07a, Safari 3.0.3 und amaya 9.99 ausprobiert und diese Browser haben den Test bestanden. Der Internet Explorer 7, der auch manchmal als Browser bezeichnet wird, ist mit Pauken und Trompeten durchgefallen. Das war auch zu erwarten, denn er unterstützt den benötigten MIME-Type application/xhtml+xml nicht und bekommt die Version als text/html.
SVG inline in eine Webseite einzubauen funktioniert nur, wenn die XHTML-Datei mit dem korrekten MIME-Type application/xhtml+xml ausgeliefert wird. Wenn text/html verwendet wird, funktioniert es nicht, auch wenn der Browser SVG unterstützt.