2017-04-03 6 views
0

REST API를 사용하여 Salesforce와 통신하는 Angular 1.5 애플리케이션이 있습니다.<svg> 및 <use> 태그가있는 SVG 아이콘을 사용하는 방법

세일즈 포스의 구문은 다음과 SVG 아이콘을 사용하여 우리에게 필요합니다 Salesforce의

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

잘 작동 않습니다.

개발을 위해 로컬로 사용하려고하지만 작동하지 않습니다.

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

하지만 행운 : 우리는 HTML 요소에 다음 코드를 추가해야이 documentation에 따르면

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

: 나는 다음과 같은 코드를 시도! :(

로컬 파일에 해당 태그와 SVG를 사용하고 참조하는 어떤 생각?

+0

"행운"은 정확히 무엇을 의미합니까? –

+0

아이콘이 표시되지 않는다는 것을 의미합니다 ... – Francisco

+1

"로컬에서 사용"이란 말은'file : //'체계를 사용하여 개발 컴퓨터에서 테스트하는 것을 의미합니까? 그렇다면 Chrome에서 테스트하는 경우 브라우저의 보안 기능으로 인해 작동하지 않을 수 있습니다. 대신 Firefox를 사용해보십시오. –

답변

관련 문제