SVG使用defs不适用于chrome 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

编写href而不是xlink：href的能力相当新。它是SVG 2规范的一部分。 SVG 1.1规范仅定义xlink：href。

如果您需要定位旧浏览器或Safari，则还需要使用xlink：href或代替href。