2016-09-21 3 views
0

이 코드로 이미지를 표시하는 것과 다른 점은 무엇입니까? :차이점은 이미지 태그와 이미지 태그 및 이미지 태그 (이미지에 대한 태그)

<svg xmlns="http://www.w3.org/2000/svg"> 
    <use xlink:href="@($"{Model.CdnUrl}/images/myImage.svg")" 
</svg> 

또는 이러한 방법 :

<img src="@($"{Model.CdnUrl}/images/myImage.svg")" /> 

참고 : Model.CdnUrl은 AWS 서비스의 CDN (그것을 위해주의를 지불하지 않는다)입니다.

그래서 내가 svg 사진을 보여주고 싶다면 무엇이 더 좋고 왜 그럴까요?

답변

0

의 차이는 당신이 그것을 작동하지 않습니다 작성한으로 <use> (it can't point to a complete image file, only a fragment)하지만 <img>이 작동하는 것입니다 그것을 할 수있는 전체 이미지 파일 점.

<use>

<use xlink:href="@($"{Model.CdnUrl}/images/myImage.svg#someid")" 

처럼 보일 것이다 다음은 myImage.svg 파일에 ID = "someid"인 요소를 가지고 것입니다.

+0

감사합니다. 실제로 기사를 쓸 때 간단히 복사하고 사용 섹션을 붙여 넣을 때 실수 한 것입니다. 나는 또한 당신이 쓴 것처럼했지만 두 가지 방법의 차이점을 알고 싶습니다. 무엇을 사용할 때 ...? –

+1

이미지가 완전한 파일 인 경우 을 사용하십시오. 조각 인 경우 을 사용하십시오. –