Question

我有一个Angular 1.5应用程序，它使用REST API与Salesforce通信。

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与这些标签一起使用并引用本地文件？

Answer 1

使用<img>并将src引用设置为.svg文件的本地路径。

<img class="papa" src="http://s.cdpn.io/3/kiwi.svg">

更多信息：https://css-tricks.com/using-svg/

我如何使用带有<svg>和<use>标签的SVG图标

1 个答案: