SVG路径未在Safari中显示

时间:2016-06-09 03:43:02

标签: javascript html svg safari

我有一个图标的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>代码也有效吗?

谢谢!

0 个答案:

没有答案