javascript - 可靠地检测 标签对 SVG 的支持

Question

我目前正在对网站进行一些重新设计，基本上只是将其升级到更新的外观并尝试使其尽可能独立于分辨率，以独立于分辨率的名义我想我会尝试在浏览器支持 SVG 图像的设计中使用 SVG 图像 <img>标签。我想在 <img> 中坚持只使用 SVG 的原因标签而不是使用一些更雄心勃勃的解决方案是 AFAIK Chrome、Opera 和 Safari 都支持它，而 FF4 似乎最终可能会得到它以及整个网站建立在自定义 CMS 上的事实必须部分重写以开始更改输出 HTML(目前它支持自定义设计图像、自定义 CSS 和自定义 JS，包括每个主题)。

现在，我自己在网上浏览了一下，试图找出执行此操作的最佳方法，出于某种原因，我发现几乎所有建议的解决方案都效果不佳(其中一个检测到 FF3.x 支持 SVG在 <img> 标签中，所以它们在那里没有正确显示，另一个根本没有尝试过，有几个过于复杂的“如果支持的话用 SVG 替换所有图像”功能也不会很好地工作。

我正在寻找的实际上是一个可以像这样调用的小片段(顺便说一句，我正在使用 JQuery 和网站的这个新主题):

if(SVGSupported()) {
    $('#header img#logo').attr('src','themes/newTheme/logo.svg');
    /* More specified image replacements for CSS and HTML here */
}

有没有人真的有解决这个问题的有效解决方案，而且不会给出不准确的输出？如果是这样，我将不胜感激。

Answer 1

这似乎是最终答案:Javascript: How can I delay returning a value for img.complete .除非有人提出立即产生正确结果的方法。