D3.js interpolateRgbBasisClosed()函数

D3.js 中的d3.interpolateRgbBasisClosed()函数用于通过包含颜色字符串的数组输入返回统一的非有理 B 脊髓插值器。

句法：

d3.interpolateRgbBasisClosed(values);

参数：此函数接受如上所述和如下所述的单个参数：

• 值：它是颜色字符串的数组。

返回值：它返回一个 RGB 颜色。

下面给出了上述函数的几个例子。

示例 1：

HTML

 
 
 
   
   
  Document 
 
 
 
 
   
    
   
   
    
   
  
   
    
   
    console.log("Type of the function is: ", 
typeof(d3.interpolateRgbBasisClosed(["red"]))) 
    
    console.log( 
d3.interpolateRgbBasisClosed(["blue", "white", "green"])(0.9)) 
    
    console.log( 
d3.interpolateRgbBasisClosed(["blue", "white", "green"])(0.1)) 
   
 

输出：

示例 2：

HTML

 
 
 
   
   
  Document 
 
 
  .bx1,.bx2{ 
    width: 100px; 
    height: 100px; 
  } 
 
 
  D3.interpolateRgbBasisClosed() 
   
   
   
   
  
   
    
   
    // Array of colors is given 
    let color= 
d3.interpolateRgbBasisClosed(["blue", "white", "green"])(0.9);
    let color2= 
d3.interpolateRgbBasisClosed(["blue", "white", "green"])(0.1)
    let bx1=document.querySelector(".bx1"); 
    let bx2=document.querySelector(".bx2"); 
    bx1.style.backgroundColor=color; 
    bx2.style.backgroundColor=color2; 
   
 

输出：