2016-09-21 13 views
0

このコードで画像を表示するのとはどのような違いがありますか? :svg&useタグとimg&src(画像タグ)タグの違い

<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

画像が完全なファイルの場合は、フラグメントの場合はを使用してください