SVG 描边属性

SVG 提供了几个应用于 SVG 元素的笔触属性。笔画属性下有很多属性，可以应用于任何类型的线条、文本和元素的轮廓，如圆形。

句法：

适当的价值：

• 笔画：将笔画设置为元素。
• stroke-width:设置元素的笔触宽度。
• stroke-linecap：设置结束笔触样式。
• stroke-dasharrray：将样式设置为一个笔划，如虚线笔划。

下面举几个例子：

示例 1： Stroke 和 stroke-dasharray 属性：

HTML

  
  
  


 
    
stroke: 
  
  
    
stroke-dasharray: 
  
  

输出：

示例 2： stroke-width 和 stroke-linecap 属性：

HTML

  
  
  


 
  

    

        
stroke-width: 
  
      
    
    

        
stroke-linecap: round 
  
      
    
    

        
stroke-linecap:square 
  
      
    
  

输出：

支持的浏览器：

• 铬合金
• 边缘
• 歌剧
• IE浏览器
• 苹果浏览器
• 火狐