JavaScript: Как обнаружить SVG в поддержке HTML элемента HTML?

Question

javascript: как обнаружить SVG в поддержке HTML-элемента img?

Я пробовал это, но это не работает:

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
}