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与标签和引用本地文件?
“没有运气”究竟意味着什么? –
表示该图标不显示... – Francisco
“使用本地”是指使用'file://'方案在开发计算机上进行测试吗?如果是这样,如果您在Chrome上进行测试,由于浏览器的安全功能,它可能无法正常工作。改用Firefox。 –