D3.js interpolateRgbBasis()函数

d3.InterpolateRgbBasis()函数用于返回给定颜色数组的统一非有理 B 样条插值器函数，该数组被转换为 RGB 颜色。

句法：

d3.interpolateRgbBasis(colors);

参数：它需要一个颜色数组。

返回：它返回 Interpolator函数。

下面给出了一些 Interpolate.RgbBasis()函数的例子。

示例 1：在控制台中打印输出。

  
  
  Document


  .b1, .b2{
    width: 100px;
    height: 100px;
  }


  
  
  
  
  
  
  
  
   
  
    console.log("Type of the function is: ",
 typeof(d3.interpolateRgbBasis(["red", "white", "blue"])))
  
    console.log(
d3.interpolateRgbBasis(["red", "white", "blue"])(0.5))
  
    console.log(
d3.interpolateRgbBasis(["red", "white", "blue"])(0.2))
  

输出：

示例 2：在 HTML 中使用 d3.interpolateRgbBasis。

  
  
  Document


  div{
    width: 100px;
    height: 100px;
  }


  D3.interpolateRgbBasis()
  
  
  
  
  
  
   
  
    // Array of colors is given
    let color=
d3.interpolateRgbBasis([ "white", "red", "green"])(0.9);
  
    let color2=
d3.interpolateRgbBasis(["red", "white", "green"])(0.8);
  
    let b1=document.querySelector(".b1");
    let b2=document.querySelector(".b2");
    b1.style.backgroundColor=color;
    b2.style.backgroundColor=color2;
  

输出：