📜  SVG stroke-linecap 属性

📅  最后修改于: 2021-11-07 08:51:53             🧑  作者: Mango

stroke-linecap属性定义了在开放子路径末端使用的笔触形状。这是演示文稿属性。

句法:

stroke-linecap="shapes"

属性值:

  • 对接:此属性值表示笔画不会超出其两个端点。
  • round:该属性值表示笔划将在其端点处延伸一个直径等于笔划宽度的半圆。
  • square:此属性值表示笔划将在其端点处扩展一个矩形。

我们将使用 stoke-linecap 属性来定义笔画的形状。

示例 1:

 
 
  
 
    
  
        
  
    
 
  

输出:

示例 2:

 
 
  
 
    
  
        
  
    
 
  

输出:

示例 3:

 
 
  
 
    
  
        
  
    
 
  

输出: