D3.js | d3.lab()函数

D3.js 中的d3.lab()函数用于构造新的 Lab 颜色，并返回作为函数参数的指定颜色的 'l'、'a' 和 'b' 属性。

句法：

d3.lab(color);

参数：此函数接受指定 CSS 颜色的单个参数颜色。

返回值：该函数返回作为函数参数的指定CSS颜色的'l'、'a'和'b'属性。

下面的程序说明了 D3.js 中的d3.lab()函数：

示例 1：

  

    d3.lab() function
  
    

  

    
          
        // Calling the d3.lab() function
        // with some parameters
        var color1 = d3.lab("red");
        var color2 = d3.lab("green");
        var color3 = d3.lab("blue");
        
        // Getting the LAB properties
        console.log(color1);
        console.log(color2);
        console.log(color3);
    

  

输出：

{"l":53.24079414130722, "a":80.09245959641109, "b":67.20319651585301, "opacity":1}
{"l":46.22743146876261, "a":-51.69849552989111, "b":49.8968460010561, "opacity":1}
{"l":32.297010932850725, "a":79.18751984512224, "b":-107.8601617541481, "opacity":1}

示例 2：

  

    d3.lab() function
  
    

  

    
          
        // Calling the d3.lab() function
        // without any parameters
        var color = d3.lab();
        
        // Getting the LAB values
        console.log(color);
    

  

输出：

{"l":null, "a":null, "b":null, "opacity":1}

参考： https://devdocs.io/d3~5/d3-color#lab