我有一个图标的SVG文件,如下所示:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="instagram" d="..."/>
<path id="linkedin" d="..."/>
<path id="twitter" d="..."/>
</svg>
它在我的HTML中被引用如下:
<a href="...">
<svg viewBox="0 0 32 32"><use xlink:href="icons.svg#instagram"></svg>
</a>
<a href="...">
<svg viewBox="0 0 32 32"><use xlink:href="icons.svg#linkedin"></svg>
</a>
<a href="...">
<svg viewBox="0 0 32 32"><use xlink:href="icons.svg#twitter"></svg>
</a>
并且,与many questions before this one一样,SVG也不会在桌面上移动,也不会移动。
有没有办法让它们使用适用于所有浏览器的<svg>
标记进行渲染?如果可能的话,我不想编辑用于<svg>
标记样式的CSS。 <object>
代码是唯一适用于所有浏览器的解决方案吗?是指路径的id
对<object>
代码也有效吗?
谢谢!