svg - 如何使用 Svgeezy？（SVG 后备）

Question

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

经过大量寻找，我想我已经找到了这项工作的工具 - svgeezy - 问题是，我不知道如何使用它！（我不明白给出的小文档）

如果有人能解释为像我两岁一样，我会非常感激，我不知道从哪里开始（我是新手）:)

ps - 我知道还有其他方法可以做到这一点，但是我在使用 SVG 作为背景时遇到了各种麻烦，我想避免这种方法。

谢谢 ：）

Answer 1

Svgeezy 的 API 并不是那么直观或强大，但它很简单。第一个参数是要避免替换的类名（如果有），第二个参数是回退类型。这适用于文档级别，因此您不能将某些 SVG 替换为 JPG，而将其他一些 SVG 替换为 PNG。

// 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>