制作svg精灵图

 1、把所有的svg精灵图都包裹到一个svg标签中

    
      
      
      
    

2、把内层svg的标签都修改为symbol

    
      
      
      
    

3、给每个symbol标签,添加id

    
      
      
      
    

4、使用svg精灵图:新建一个svg标签,内层嵌套use标签,使用use标签的 xlink:href属性,引用symbol的id,id前要加#

    
      
    
    
      
    
    
      
    

5、结果如下

 

 

 

 

你可能感兴趣的:(VUE实战,服务器,前端)