代码之家 › 专栏 › 技术社区 › user120513

xlink引用的svg数据的位置?

xlink html

0

user120513 · 技术社区 · 7 年前

我需要了解,xlink引用中的svg数据位于何处。更明确地说:在下面的网页中

facebook图标(由我标记)包含在html代码中

<a href="http://www.facebook.com/Continental" class="cwt-social-media-bar-link" target="_blank">
  <svg viewBox="0 0 70 70" class="cwt-smb cwt-smb-facebook" width="38px" height="38px">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-s-facebook"></use>
  </svg>
  <span class="cwt-sr-only">facebook</span>
</a>

据我所知,引用“#icon-s-facebook”应该引用构成图标图像的svg数据。不幸的是,我找不到这些svg数据。

<svg viewBox="0 0 70 70" id="icon-s-facebook" xmlns="http://www.w3.org/2000/svg">
  <title>icon-s-facebook</title>
  <g data-name="s-facebook">
    <path data-name="White" d="M66.17 1H3.83A2.83 2.83 0 0 0 1 3.83v62.34A2.83 2.83 0 0 0 3.83 69h33.3V43.5h-8.5V32.88h8.5v-8.5c0-8.78 5.56-13.1 13.4-13.1a72.71 72.71 0 0 1 7.92.4v9.18H53c-4.26 0-5.25 2-5.25 5v7h10.63L56.25 43.5h-8.5l.17 25.5h18.25A2.83 2.83 0 0 0 69 66.17V3.83A2.83 2.83 0 0 0 66.17 1z"></path>
  </g>
</svg>

问题: 这些数据在原始网页中的位置是什么?

1 回复 | 直到 7 年前

1

0

user120513 7 年前

好的,我找到了源头。没有魔法。

链接

https://www.continental-corporation.com/resource/blob/22752/4156b0b5ceb15cf13ade26773d9616b6/sprites-svg-data.svg

由xhr请求加载的包含以下数据:

<svg viewBox="0 0 70 70" id="icon-s-facebook" xmlns="http://www.w3.org/2000/svg">    
  <title>icon-s-facebook</title>
  <g data-name="s-facebook">
    <path data-name="White" d="M66.17 1H3.83A2.83 2.83 0 0 0 1 3.83v62.34A2.83 2.83 0 0 0 3.83 69h33.3V43.5h-8.5V32.88h8.5v-8.5c0-8.78 5.56-13.1 13.4-13.1a72.71 72.71 0 0 1 7.92.4v9.18H53c-4.26 0-5.25 2-5.25 5v7h10.63L56.25 43.5h-8.5l.17 25.5h18.25A2.83 2.83 0 0 0 69 66.17V3.83A2.83 2.83 0 0 0 66.17 1z"/>
  </g>
</svg>