HTML |画布 lineWidth 属性

HTML canvas lineWidth 属性用于设置或返回线条的宽度（线条的粗细）。线的宽度以像素为单位设置。此属性的默认值为 1。

句法：

context.lineWidth = number;

属性值：

• number：该属性值表示以像素为单位指定线宽的数字。此属性忽略零、负、无穷大和NaN值。

示例 1：

  
 
     
        HTML canvas lineWidth Property
     
 
  

      
     
        GeeksforGeeks 
     
      
     
        HTML canvas lineWidth() Property 
     
  
    
  
    
        var canv = document.getElementById("canvas");
        var context = canv.getContext("2d");
        context.beginPath();
        context.lineWidth = 20;
        context.moveTo(40, 40);
        context.lineTo(200, 150);
        context.lineTo(40, 200);
        context.strokeStyle = "green";
        context.stroke();
    

  
                    

输出：

方案二：

  
 
     
        HTML canvas lineWidth Property
     
 
  

      
     
        GeeksforGeeks 
     
      
     
        HTML canvas lineWidth() Property 
     
  
    
  
    
        var canv = document.getElementById("canvas");
        var context = canv.getContext("2d");
        context.beginPath();
        context.lineWidth = 10;
        context.strokeStyle ="green";
        context.strokeRect(110, 40, 120, 100);
    

  
                    

输出：

支持的浏览器： HTML canvas lineWidth 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果浏览器
• 歌剧