D3.js 画笔()函数

D3.js 中的d3.brush()函数用于新建一个二维画笔。画笔一般是创建 SVG 元素。

句法：

d3.brush();

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

返回值：此函数返回一个新创建的画笔。

示例：在此示例中，我们将使用此方法在 SVG 元素上创建大小为 600×600 像素的画笔。

HTML

 
 
      
 
     
        D3.js | d3.brush() Function 
     
      
     
     
 
  
 
    
     
          
        // Selecting SVG element
        d3.select("#brush")
        // Creating a brush using the 
        // d3.brush function
        .call( d3.brush()             
        // Initialise the brush area: start at 
        // 0,0 and finishes at given width,height
        .extent( [ [0,0], [600,600] ] )       
      )
     
 
  

输出：画笔创建成功，您可以使用此画笔拖动创建矩形。

参考： https://devdocs.io/d3~5/d3-brush#_brush