Html 在网页中呈现SVG

我有一个网页，需要在其中显示

SVG

徽标。这在最新的浏览器中是很容易做到的，但是我也需要使它与旧的浏览器兼容。如果浏览器不支持SVG，我需要如何向用户显示备用图像。 我遇到了一个名为

HTTP内容协商

的方法，但是如何实现它以获得所需的结果呢？

---

我尝试了

标记，但它似乎不适用于IE，而且在Firefox上尝试时很难设计样式。

我会在的帮助下实现这个客户端。给定一个标记，例如

<!-- Start with bitmaps because 
they will show up in all browsers even 
if javascript is not enabled -->
<img src="logo1.png" class="logo" />
<img src="logo2.png" class="logo" />
<img src="logo3.png" class="logo" />
<img src="logo4.png" class="logo" />

---

您是否尝试过众多SVG转换脚本/工具之一；例如这些对于将SVG转换为基于Flash的动画甚至VRML模型非常有用。

$(document).ready(function(){
  if (Modernizr.svg){
      $('.logo').each(function(){
         var src = $(this).attr("src");
         var svg = src.substr(0, src.lastIndexOf('.')) + ".svg";
         $(this).attr("src", svg)
      })
  }
})