molily: SVG-Unterstützung erkennen

Beitrag lesen

Hallo,

Auf welche Weise lässt sich das halbwegs sicher erkennen?

SVG ist ein großer Standard, was genau brauchst willst du wissen? Grundlegende Unterstützung? Da macht es wohl eher Sinn, ein SVG-Element zu erzeugen und daran Methoden zu suchen, wie es Modernzr macht. Oder zu prüfen, ob die Prototypen der SVG-Elemente vorhanden sind (z.B. window.SVGDocument, window.SVGElement).

Ist es vielleicht sinnvoll in dem Falle einfach nur auf Internet Explorer zu prüfen und in dem Fall ein anderes Bild einzubauen?

IE9 kann SVG. Also fang gar nicht erst mit Browsererkennung an, die ist immer problematisch.

Die meisten anderen Browser unterstützen SVG ja schon recht lange (Firefox, Chrome, Safari, Opera).

Wieso überhaupt auf SVG-Unterstützung prüfen? Für einzelne Bilder kannst du auch einen Pixelgrafik-Fallback angeben. JavaScript ist dazu nicht nötig:

<object type="image/svg+xml" data="foo.svg" width="123" height="456">  
<img src="foo.png" alt="">  
</object>  

Außerdem können ältere IEs VML, ein SVG-Vorgänger. Mit RaphaelJS könntest du browserübergreifende Vektorgrafiken zeichnen. Die Feature-Erkennung macht diese Bibliothek automatisch.

Mathias