Posso usare JS o jQuery per verificare se è stata caricata un'immagine SVG?

Question

Sto utilizzando un logo SVG su un sito Web e nella maggior parte dei browser funziona correttamente. Tuttavia, su alcune versioni di IE e sui browser mobili, l'immagine viene visualizzata come una casella di immagine non riuscita. C'è un modo in cui potrei usare JS o qualche libreria (preferibilmente jQuery) per verificare la compatibilità SVG con il minor numero di falsi negativi, e semplicemente passare a una versione .png dell'immagine?

Il sito è questo: http://zero31b.x10.mx/samote, e le immagini SVG sono i Little Blue globo cose

Answer 1

Tavmjong Bah ha scritto l'articolo completo sul SVG e PNG fallback:

http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html

Il codice più semplice che/lei dà è

<img src="buttonA.svg" alt="A sample SVG button." 
     onerror="this.removeAttribute('onerror'); this.src='buttonA.png'"/> 

Ma se si dispone di più funzionalità si deve verificare per voi potrebbe considerano la versione modernizzata.

Per creare il png-versione di voi SVG-Button madrobby su github raccomandato utilizzando librsvg-convert