<svg><use>在邊緣沒有出現[角2]

我有這樣的代碼，這在鉻工作完全正常：<svg><use>在邊緣沒有出現[角2]

<html> 
    <head> 
    ...some tags 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    </head> 
    <body> 
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 
     <g id="overview"> 
     <path data-name="overview" d="M12.5,0A12.5,12.5,0,1,0,25,12.5h0A12.5,12.5,0,0,0,12.5,0Zm0,19C7.22,19,3,12.5,3,12.5S7.22,6,12.5,6,22,12.5,22,12.5,17.78,19,12.5,19Zm0-9.49a3,3,0,1,0,3,3,3,3,0,0,0-3-3Z"/> 
     </g> 
    </svg> 
    <app> 
     ..some tags 
     <svg viewBox="0 0 25 25" width="25" height="25"> 
     <use xlink:href="#overview" /> 
     </svg> 
     ..some tags 
    </app> 
    </body> 
</html>

但在邊上，我什麼也看不見。也嘗試添加顏色（與fill）。再次，作品中的鉻，而不是在邊緣

注意
這是一個角2個應用程序，所以svg與use標籤的角度成分的內部，並與角度編譯

來源

2017-02-19 Jo Jo B.

不包括'的XLink：'不會，除了Chrome的瀏覽器。請在您的問題中添加完整的[MCVE]（http://www.stackoverflow.com/help/mcve）。你在這裏發佈的內容不足以診斷你的問題。 –

我可以添加所有的代碼，但它很長。儘量保持它儘可能簡單。編輯。你還需要什麼？ –

哪一個你正確的'svg'代碼？ – Rahul

，你是事實上渲染使用AngularJS是一個很大的線索。

檢查你的頁面。如果您使用角度路由，那麼您的標頭可能有<base>標籤。如果是這種情況，那麼您的<use>引用也需要包含頁面URL - 否則它們將受其他引用影響<base>。

換句話說，你必須做一些事情，如：

<use xlink:href="this-file.html#overview" />

或可能

<use xlink:href="/path/to/this/file.html#overview" />

來源

2017-02-20 01:20:31

感謝您的提示！我將svg提取到一個外部文件，所以它不會受到路由器的影響 –

<svg><use>在邊緣沒有出現[角2]

回答

相關問題