svg＆use标签与img＆src（svg图片）标签之间的区别

Question

用这段代码显示图片有什么区别？ ：

<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照片，会更好，为什么？

Answer 1

不同的是，因为你写它不会工作<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” 的元素。