D3.js Symbols symbolCross 属性

d3.symbolCross属性是 D3.js 中的符号类型。它是一种可以使用的十字形符号类型。

句法：

d3.symbolCross

示例 1：

HTML

    
  
    
    

  

    
        GeeksforGeeks
    
  
    
        D3.js | symbolCross
    
  
    
    
    
  
    
        // symbolCross
        var sym = d3.symbol()
            .type(d3.symbolCross).size(500);
        d3.select("#gfg")
            .append("path")
            .attr("d", sym)
            .attr("fill", "green")
            .attr("transform", "translate(50,50)");
    

  

输出：

示例 2：

HTML

  

    
  
    
    

  

    
        GeeksforGeeks
    
  
    
        D3.js | symbolCross
    
  
    
        
    
  
    
        // symbolCross
        var sym = d3.symbol()
            .type(d3.symbolCross).size(500);
        d3.select("#gfg")
            .append("path")
            .attr("d", sym)
            .attr("fill", "none")
            .attr("stroke","green")
            .attr("stroke-width","5px")
            .attr("transform", "translate(50,50)");
    

  

输出：