时间戳

首页 > 解决方案 > 如何在图像元素内使用指向 SVG 文件的链接？

html - 如何在图像元素内使用指向 SVG 文件的链接？

问题描述

我尝试以这种方式添加我的 SVG：

<svg>
    <image class="logo" src="facebook.svg"/>
</svg>

为什么它不起作用？这个 SVG 文件的方法是正确的。当然，我可以用imgor添加我的 SVG，background这样会更容易。但我认为这是最好的选择，因为我需要更改 SVG 图像的颜色。

标签： htmlcsssvg

解决方案

是的，您可以在 SVG 的image标签内使用 SVG 文件！但是这个标签没有src属性。该属性来自 HTMLimg标签。

image为此，您必须在标签内部使用href属性或xlink:href属性（但自 SVG 2 起已弃用）。

<svg width="50" height="150">       
      <image href="https://developer.mozilla.org/static/platforms/mobile.d9737f9e22aa.svg" width="50"  height="150"/>
</svg>

推荐阅读