D3.js closePath()函数

d3.closePath()函数用于关闭当前正在进行的子路径，与 SVG 的 closepath 命令几乎相同。

句法：

d3.closePath()

参数：它不接受任何参数。

返回值：不返回任何值。

示例 1：

HTML

  

    
    
          
    
    
  
    
        h1 {
            color: green;
        }
  
        svg {
            background-color: #f2f2f2;
        }
  
        .path1,
        .path2 {
            stroke: #000;
        }
    

  

    
        GeeksforGeeks
        D3.js | Path.closePath() Function
        
        Note the difference between 
        color of both the lines
        
        Without closePath() rest all properties 
        such as color, size are same 
  
        
            
         
  
        With closePath() rest all properties 
        such as color, size are same 
        
            
        
    
  
    
  
        // Creating a path 
        var path1 = d3.path();
        path1.moveTo(40, 0);
          
        // Making line to x:0 and y:100 
        path1.lineTo(40, 100);
        d3.select(".path1").attr("d", path1);
  
        // Creating a path 
        var path1 = d3.path();
        path1.moveTo(40, 0);
          
        // Making line to x:0 and y:100 
        path1.lineTo(40, 100);
          
        // Closing the path 
        path1.closePath();
        d3.select(".path2").attr("d", path1); 
    

  

输出：

示例 2：

HTML

  

    
    
  
    
    
  
    
        h1 {
            color: green;
        }
  
        svg {
            background-color: #f2f2f2;
        }
  
        .path1,
        .path2 {
            stroke: #000;
        }
    

  

    
        GeeksforGeeks
        D3.js | Path.closePath() Function
        
        Without closePath() rest all properties 
        such as color, size are same 
        
            
         
        With closePath() rest all properties 
        such as color, size are same 
        
            
        
    
  
    
  
        // Creating a path 
        var path1 = d3.path();
        path1.moveTo(40, 0);
          
        // Making line to x:40 and y:100 
        path1.lineTo(40, 90);
          
        // Making line to x:80 and y:100 
        path1.lineTo(80, 90);
        d3.select(".path1").attr("d", path1);
  
        // Creating a path 
        var path1 = d3.path();
        path1.moveTo(40, 0);
          
        // Making line to x:40 and y:100 
        path1.lineTo(40, 90);
          
        // Closing the path 
        path1.closePath();
          
        // Making line to x:80 and y:100 
        path1.lineTo(80, 90);
          
        // Closing the path 
        path1.closePath();
        d3.select(".path2").attr("d", path1); 
    

  

输出：