javascript：如何在HTML img元素支持中检测SVG？

Question

javascript：如何在HTML img元素支持中检测SVG？

我试过这个，但它不起作用：

x = new Image();
x.onload = function(){
  if (x.width) {
   alert('svg in img tag supported!');
  }
};
x.src = 'test.svg';

Answer 1

这里有一个很好的讨论/比较方法： http://www.voormedia.nl/blog/2012/10/displaying-and-detecting-support-for-svg-images

根据该页面，我最终使用了这个：

svgsupport = document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")

Answer 2

使用modernizr进行功能检测。

if (Modernizr.SVG){
    //svg supported
}