D3.js interpolateRgb()函数

d3.InterpolateRgb()函数用于对两种颜色进行插值，并返回它们之间的插值器，其伽玛值可调整。

句法：

d3.interpolateRgb(a, b)

参数：它需要两个参数。

• 答：它是一种颜色。
• b：它是一种颜色。

返回：它返回 Interpolator函数。

下面给出了 d3.interpolateRgb()函数的一些示例。

示例 1：在控制台中打印颜色。

  
  
  Document




  
  
   
  
    console.log("Type of the function is: ",
 typeof(d3.interpolateRgb("Red", "blue")));
    console.log(d3.interpolateRgb("Red", "blue")(0.2));
    console.log(d3.interpolateRgb("Red", "green")(0.2))
  

输出：

示例 2：在 HTML 中显示颜色

  
  
  Document


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


  
  
  
  
  
  
  
  
  
  
    let color=d3.interpolateRgb(
"white", "green")(0.2);
    let color2=d3.interpolateRgb(
"blue", "green")(0.8);
    let b1=document.querySelector(".b1");
    let b2=document.querySelector(".b2");
    b1.style.backgroundColor=color;
    b2.style.backgroundColor=color2;
  

输出：