Método Fabric.js sourceFromHex()

El método sourceFromHex() se usa para devolver una representación de array de color para los valores de color especificados en formato HEX (hexadecimal).

Sintaxis:

sourceFromHex( color )

Parámetros: este método acepta un parámetro como se mencionó anteriormente y se describe a continuación:

  • color: este parámetro contiene los valores de color especificados en formato HEX.

Valor devuelto: este método devuelve una representación de array de valores en formato RGBA (Rojo, Verde, Azul y Alfa) del color para los valores de color especificados en formato HEX (hexadecimal).

Ejemplo 1:

Javascript

<!DOCTYPE html>
<html>
  
<head>
    <!-- Adding the FabricJS library -->
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
    </script>
</head>
  
<body>
    <script type="text/javascript">
  
        // Calling the sourceFromHex() function over
        // the color value in HEX format
        console.log(fabric.Color.sourceFromHex("FF00FF"));
    </script>
</body>
  
</html>

Producción:

[255, 0, 255, 1]

Ejemplo 2:

Javascript

<!DOCTYPE html>
<html>
  
<head>
    <!-- Adding the FabricJS library -->
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
    </script>
</head>
  
<body>
    <script type="text/javascript">
  
        // Initializing some color values in HEX format
        var Purple = "800080";
        var Lime = "00FF00";
        var Yellow = "FFFF00";
  
        // Calling the sourceFromHex() function over
        // the above color values
        console.log(fabric.Color.sourceFromHex(Purple));
        console.log(fabric.Color.sourceFromHex(Lime));
        console.log(fabric.Color.sourceFromHex(Yellow));
    </script>
</body>
  
</html>

Producción:

[128,0,128,1]
[0,255,0,1]
[255,255,0,1]

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 *