教程 > svg 教程 > 阅读:39

svg stroke 属性——迹忆客-ag捕鱼王app官网


svg stroke 属性

svg提供了一个范围广泛stroke 属性。在本章中,我们将看看下面:

  • stroke
  • stroke-width
  • stroke-linecap
  • stroke-dasharray

所有stroke属性,可应用于任何种类的线条,文字和元素就像一个圆的轮廓。


svg stroke 属性

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

下面是svg代码:

实例


  
    
    
    
  


svg stroke-width 属性

tstroke- width属性定义了一条线,文本或元素轮廓厚度:

下面是svg代码:

实例


  
    
    
    
  

strokelinecap属性定义不同类型的开放路径的终结:

下面是svg代码:

实例


  
    
    
    
  


svg stroke-dasharray 属性

strokedasharray属性用于创建虚线:

下面是svg代码:

实例


  
    
    
    
  

查看笔记

扫码一下
查看教程更方便
网站地图