La función d3.lch() en D3.js se usa para construir un nuevo color LCH y devuelve las propiedades l, c y h del color especificado tomado como parámetro de la función.
Sintaxis:
d3.lch(color);
Parámetros: esta función acepta un solo color de parámetro que se utiliza para especificar el color CSS.
Valor devuelto: esta función devuelve las propiedades l, c y h del color CSS especificado tomado como parámetro de la función.
Los siguientes programas ilustran la función d3.lch() en D3.js:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script src=
"https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
</head>
<body>
<center>
<h1 style="color:green;">GeeksForGeeks</h1>
<h3>D3.js | d3.lch() Function</h3>
<script>
// Calling the d3.lch() function
// function with some parameters
var color1 = d3.lch("red");
var color2 = d3.lch("green");
var color3 = d3.lch("blue");
// Getting the lch properties
console.log(color1);
console.log(color2);
console.log(color3);
</script>
</center>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html lang="en"> <head> <script src= "https://d3js.org/d3.v4.min.js"> </script> <script src= "https://d3js.org/d3-color.v1.min.js"> </script> </head> <body> <center> <h1 style="color:green;">GeeksForGeeks</h1> <h3>D3.js | d3.lch() Function</h3> <script> // Calling the d3.lch() function // function with some parameters var color = d3.lch(); // Getting the LCH properties console.log(color); </script> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA