SVGでdefsがクロムで動作しない46

Question

SVGのuseタグはChromeの最新バージョン（58,59、多分50+）、 で動作しますが、Chrome 46では動作しません（おそらく40+）。どうして？

<svg> 
 
    <defs> 
 
    <g id="diamond" viewBox="0 0 120 60" enable-background="new 0 0 120 60"> 
 
      <path d="M 11 -24 L 44 -6 Q 55 0 44 6 
 
        L 11 24 Q 0 30 -11 24 
 
        L -44 6 Q -55 0 -44 -6 
 
        L -11 -24 Q 0 -30 11 -24" fill="#FFFFFF" stroke="#CCCCCC" stroke-width="2px" stroke-miterlimit="10"></path> 
 
     </g> 
 
    </defs> 
 
    <g> 
 
    <use href="#diamond" transform="translate(60,30)" class="diamond" style="opacity: 1;"></use> 
 
    
 
    </g> 
 
</svg>

Answer 1

というよりも、XLINKのhref書く能力：hrefがかなり新しいです。これはSVG 2仕様の一部です。 SVG 1.1仕様では、xlink：hrefだけが定義されています。

古いブラウザやSafariをターゲットにする必要がある場合は、hrefの代わりにxlink：hrefを使用する必要があります。