如何使用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后备）