0

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

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>

根据这个文档，我们需要在 HTML 元素中添加以下代码：

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

但没有运气！:(

任何想法使用带有这些标签的 SVG 并引用本地文件？

4

1 回答 1

0

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

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

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

于 2017-04-03T19:12:18.030 回答