2017-07-21 108 views
0

我的SVG中的使用標籤適用於Chrome最新版本(58,59或50+), ,但在Chrome 46(也許40+)上無法使用。爲什麼?SVG使用defs不適用於chrome 46

<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>

+0

絕對......謝謝先生。 – arpeggie

回答

0

寫的href,而不是XLink的能力:href是相當新。這是SVG 2規範的一部分。 SVG 1.1規範僅定義了xlink:href。

如果您需要定位舊瀏覽器或Safari,則還需要使用xlink:href或href。

相關問題