SVG片段标识符(Fragment Identifiers)如何工作
我之前谈到了一点关于SVG<use>
的内容——使用它来创建图标系统。<use>
的美妙之处在于你可以定义一次SVG,然后在其它地方可以对其多次引用。这种特性使得我们可以创建图标系统,解决“多张图仅需要发一次请求,因为这super高效”这个我们过去用CSS sprite和图标字体解决的问题。但是<use>
意味着内联SVG。当你想要使用一个比较大的SVG文件中的一部分时,如使用SVG作为<img>
或background-image
引入。这就用到片段标识符啦。