javascript - どの SVG サポート検出方法が最適ですか?

Question

ブラウザーでの SVG サポートの検出について、誰かが既に私の質問をしていますが、3 つの主要な解決策があり、それぞれのメリットについてはあまり議論されていません。

だから：もしあれば、どれが最高ですか？移植性と正確性の観点から、つまり。偽陰性 (つまり、"no svg") は望ましくありませんが、許容されます。誤検知はそうではありません。

展示物A:

var testImg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D';

var img = document.createElement('img')

img.setAttribute('src',testImg);

return img.complete; 

展示物 B:

return document.implementation.hasFeature(
    "http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1");

証拠C:

return !! document.createElementNS &&
       !! document.createElementNS (
             'http://www.w3.org/2000/svg',
             "svg")
      .createSVGRect;

Answer 1

おそらくmodernizrを使用します。