HTML |画布 closePath() 方法

canvas beginPath() 方法用于创建从当前点回到起点的路径。调用 closePath() 方法后，我们可以使用 stroke() 方法绘制路径，fill() 方法默认以黑色填充路径，使用 fillStyle 属性填充另一种颜色或渐变或图案。

句法：

context.closePath();

示例 1：此示例不使用 fill() 方法来填充关闭路径。

      
 
     
        HTML canvas closePath() Property 
     
 
  
 
      
    
        GeeksforGeeks
     
      
    HTML canvas closePath() Property 
      
    
     
      
    
        var id_cont = document.getElementById("GFG");
        var context = id_cont.getContext("2d");
        context.beginPath();
        context.moveTo(450, 0);
        context.lineTo(120, 200);
        context.lineTo(160, 20);
        context.closePath();
        context.stroke();
    
 
  
    

输出：

示例 2：本示例使用 fill() 方法填充封闭路径。

      
 
     
        HTML canvas closePath() Property 
     
 
  
 
      
    
        GeeksforGeeks
     
      
    HTML canvas closePath() Property 
      
    
     
      
    
        var id_cont = document.getElementById("GFG");
        var context = id_cont.getContext("2d");
        context.beginPath();
        context.moveTo(30, 20);
        context.lineTo(75, 100);
        context.lineTo(100, 150);
        context.lineTo(270, 150);
        context.closePath();
        context.fill();
    
 
  

输出：

支持的浏览器： canvas beginPath() 方法支持的浏览器如下：

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