内联SVG

内联SVG

  1. SVG 指可伸缩矢量图形

  2. SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

  3. SVG 跟 GIF 和 JPEG 一样属于图像格式

  4. stroke属性

    Stroke属性定义一条线,文本或元素轮廓颜色。

    
      
        
        
        
      
    
    

运行结果

WechatIMG228.png

  1. stroke-width 属性

    定义了一条线,文本或元素轮廓厚度:

    
      
        
        
        
      
    
    

运行结果

![WechatIMG230.png](https://upload-images.jianshu.io/upload_images/16837097-205fbb24f341156e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  1. stroke-linecap属性

    定义不同类型的开放路径的终结

    
      
        
        
        
        
      
    
    

运行结果

  1. stroke_dasharray属性

    用于创建虚线


  
    
    
    
  

运行结果

WechatIMG231.png

  1. 把 SVG 直接嵌入 HTML 页面

   

运行结果

WechatIMG232.png

你可能感兴趣的:(内联SVG)