我可以使用JS或jQuery來測試SVG圖像是否已加載？

我在網站上使用SVG徽標，並且在大多數瀏覽器中工作正常。但是，在某些IE版本和移動瀏覽器上，圖像顯示爲失敗的圖像框。有沒有什麼方法可以使用JS或某些庫（最好是jQuery）來檢查SVG是否具有最少量的漏報，並且只需切換到.png版本的圖像？我可以使用JS或jQuery來測試SVG圖像是否已加載？

該網站是這樣的：http://zero31b.x10.mx/samote，以及SVG圖像是小的藍色星球的東西

https://gist.github.com/3202087是單向的。（儘管如此，它確實需要JavaScript。）我通過查找「使用png後備的svg」來找到它。 – Ryan

在工作中，我們成功地使用了modernizr - http://modernizr.com/。 –

順便說一句，你有沒有注意到你的SVG是30 kB？ –

Tavmjong呸寫了SVG和PNG後備綜合文章：

最簡單的代碼，他/她給出的是

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

但是，如果你有更多的功能，你必須測試你可能考慮modernizr版本。

要創建PNG-版本的你SVG-按鈕madrobby使用在github上建議的librsvg-轉換

2012-12-22 15:32:04 bjelli

圖像周圍的鏈接實際上是必需的嗎？ –

不！我會刪除它！ – bjelli

回答