Método Fabric.js toHexa()

El método toHexa() se utiliza para convertir cualquier tipo de representación de color especificada en su representación HEXA (alfa hexadecimal).

Sintaxis:

toHexa()

Parámetros: Este método no acepta ningún parámetro.

Valor devuelto: este método devuelve la representación del color en formato HEXA.

Ejemplo 1:

HTML

<!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 toHexa() function over 
 // the specified color values
 console.log(new fabric.Color("rgb(10, 120, 150)").toHexa());
 console.log(new fabric.Color("hsl(5%, 10%, 250%)").toHexa());
</script>
  
</body>
  
</html>

Producción:

0A7896FF
000000FF

Ejemplo 2:

HTML

<!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 different color format
 var A = "rgb(0, 12, 50)";
 var B = "rgba(10, 13, 250, 0.1)";
 var C = "hsl(0, 100%, 50%)";
 var D = "hsla(10%, 0, 0, 0.2)";
  
 // Calling the toHexa() function over 
 // the above specified color values
 console.log(new fabric.Color(A).toHexa());
 console.log(new fabric.Color(B).toHexa());
 console.log(new fabric.Color(C).toHexa());
 console.log(new fabric.Color(D).toHexa());
</script>
  
</body>
  
</html>

Producción:

000C32FF
0A0DFA1A
FF0000FF
000000FF

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 *