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

回答

相关问题