我如何使用Svgeezy? (SVG后备)

时间:2013-02-06 12:28:47

标签: svg png fallback

我正在尝试在不支持它们的浏览器上将我使用的SVG图像切换为PNG - 即IE8 / 7和旧版本的Android。

经过大量的关注,我认为我找到了工作的工具 - svgeezy - 问题是,我不知道如何使用它! (我不明白给出的小文件)

我真的很感激,如果有人可以解释它,就像我是两个,我不知道从哪里开始(我是新来的):))

p.s - 我知道还有其他方法可以做到,但我在使用SVG作为背景时遇到了各种各样的麻烦,我想避免这种做法。

谢谢:)

1 个答案:

答案 0 :(得分:4)

Svgeezy的API并不是那么直观或强大,但它很简单。第一个参数是您要避免替​​换的类名(如果有),第二个参数是回退的类型。这适用于文档级别,因此您无法使用JPG替换某些SVG,而使用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应位于同一目录中。

要加载javascript,请将其放在结束</body>标记之前:

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