2017-04-03 141 views
0

我有一个使用REST API与Salesforce进行通信的Angular 1.5应用程序。我如何使用带有<svg>和<use>标签的SVG图标

Salesforce的要求我们使用SVG的图标,下面的语法:

<svg aria-hidden="true" class="slds-icon slds-icon--large slds-icon-standard-user"> 
    <use xlink:href="{!URLFOR($Asset.SLDS, 'assets/icons/standard-sprite/svg/symbols.svg#user')}"></use> 
</svg> 

在Salesforce没有很好地工作。

我想在本地使用,以发展,但不工作。我尝试下面的代码:

<svg aria-hidden="true" class="slds-icon slds-icon--large slds-icon-standard-user"> 
    <use xlink:href="/path/to/the/icon.svg"></use> 
</svg> 

根据这一documentation我们需要在HTML元素中添加以下代码:

<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 

,但没有运气! :(

任何主意,用SVG与标签和引用本地文件?

+0

“没有运气”究竟意味着什么? –

+0

表示该图标不显示... – Francisco

+1

“使用本地”是指使用'file://'方案在开发计算机上进行测试吗?如果是这样,如果您在Chrome上进行测试,由于浏览器的安全功能,它可能无法正常工作。改用Firefox。 –

回答

相关问题