D3.js | función color.toString()

La función color.toString() en D3.js se usa para devolver una string que representa el color según la especificación del modelo de objetos CSS. Sintaxis:

color.toString()

Parámetros: Esta función no acepta ningún parámetro. Valor de retorno: esta función devuelve una string que representa el color de acuerdo con la especificación del modelo de objetos CSS. Los siguientes programas ilustran la función color.toString() en D3.js: Ejemplo 1: 

javascript

<!DOCTYPE html>
<html>
 
<head>
    <title>color.toString() function</title>
 
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
 
<body>
    <script>
         
        // Calling the d3.color() function function
        // with some parameters
        var color1 = d3.color("red");
        var color2 = d3.color("green");
        var color3 = d3.color("blue");
         
        // Calling the color.toString() function
        var A = color1.toString();
        var B = color2.toString();
        var C = color3.toString();
         
        // Getting the string representing
        console.log(A);
        console.log(B);
        console.log(C);
    </script>
</body>
 
</html>

Producción:

rgb(255, 0, 0)
rgb(0, 128, 0)
rgb(0, 0, 255)

Ejemplo 2: 

javascript

<!DOCTYPE html>
<html>
 
<head>
    <title>color.toString() function</title>
 
    <script src='https://d3js.org/d3.v4.min.js'></script>
</head>
 
<body>
    <script>
         
        // Calling the d3.rgb() function
        // without some parameters
        var color = d3.rgb();
         
        // Calling the color.toString() function
        var A = color.toString();
         
        // Getting the string representing
        console.log(A);
    </script>
</body>
 
</html>

Producción:

rgb(0, 0, 0)

Referencia: https://devdocs.io/d3~5/d3-color#color_toString

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *