如何使用Svgeezy？（SVG後備）

我想轉出我使用的PNG在瀏覽器中的SVG圖像不支持他們 - 也就是IE8/7和舊版本的Android。如何使用Svgeezy？（SVG後備）

很多的期待之後，我想我已經找到了工作的工具 - svgeezy - 問題是，我不知道如何使用它！（我不明白給出的微小的文檔）

我會很感激，如果有人可以解釋它喜歡我兩句，我的ahve不知道從哪裏開始（我是新在此）:)

PS - 我知道有這樣做的其他方式，但我是有各種麻煩與使用SVGs作爲背景，我想避免這樣做的那樣。

謝謝:)

2013-02-06 Ollie

Svgeezy的API是不是所有的直覺或強大，但其實很簡單。第一個參數是要避免替換的類名（如果有），第二個參數是後備類型。這適用於文檔級別，因此您無法用JPG和其他PNG替換一些SVG。

// will replace all SVGs with PNGs 
svgeezy.init('nothing', 'png'); 

// will replace all SVGs with JPGs except those that have class="noreplace" 
svgeezy.init('noreplace', 'jpg');

您的回退應該與原始SVG具有相同的文件名。因此，例如，如果您要替換logo.svg，則logo.png應位於同一目錄中。

要在結束</body>標記之前加載JavaScript把這個：

<script type="text/javascript"> 
    svgeezy.init('whatever', 'png'); 
</script>

來源

2013-02-06 14:12:24 Duopixel

好吧，這使得更多的意義對我來說，現在，舉辦我的所有文件:)謝謝 - 最後一兩件事，怎麼辦如果這是有道理的，我會讓它真正地'火'。我需要輸入什麼才能使其工作？把它放在腳本標籤中是行不通的 - 我懷疑它會永遠那麼簡單！（我對JavaScript有一點了解） – Ollie

@Ollie我已經包含了一個關於如何在正確時刻開火的例子。 – Duopixel

我知道這是一個巨大的問題，但你可以看看這個https://www.dropbox.com/s/kn4cfuhulky33oi/SVGEEZY.zip，看看我是否做得對。我不敢相信我還在爲此而苦苦掙扎。 http://jsfiddle.net/xWaVr/2/（顯然它不會與jsFiddle一起工作） - 只要說它的位置是正確的。 – Ollie

如何使用Svgeezy？ （SVG後備）

回答

相關問題

如何使用Svgeezy？（SVG後備）