D3.js path.toString()函数

d3.js 中的path.toString()函数用于返回所绘制形状路径的字符串表示形式。路径表示是根据 SVG 的路径数据规范。

句法：

path.toString() 

参数：此函数不接受任何参数。

返回值：此函数返回一个字符串。

示例 1：

HTML

  

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

  

    
        
            
        
    
  
    
  
        // Creating a path 
        var path = d3.path();
        path.moveTo(10, 10);
        path.bezierCurveTo(95, 10, 50, 90, 10, 10)
          
        // Printing the string of the path
        console.log(path.toString())
        path.bezierCurveTo(90, 10, 15, 110, 10, 10)
          
        // Closing the path 
        path.closePath();
        d3.select(".path2").attr("d", path); 
    

  

输出：此形状的路径字符串在控制台中给出。

示例 2：

HTML

  

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

  

    
        
            
        
    
  
    
  
        // Creating a path 
        var path = d3.path();
        path.moveTo(10, 10);
          
        // Making line to x:90 and y:10 
        path.lineTo(90, 10);
          
        // Closing the path 
        path.closePath();
        path.moveTo(90, 10);
        path.lineTo(90, 90);
          
        // Closing the path 
        path.closePath();
        path.moveTo(90, 90);
        path.lineTo(10, 90);
          
        // Closing the path 
        path.closePath();
        path.moveTo(10, 90);
        path.lineTo(10, 10);
          
        // Closing the path 
        path.closePath();
          
        // Printing the string of the path
        console.log(path.toString())
        d3.select(".path2").attr("d", path); 
    

  

输出：正方形的路径字符串在控制台中给出。