Método Fabric.js sourceFromRgb()

El método sourceFromRgb() se usa para devolver una representación de array de color para los valores de color especificados en formato RGB (Red Green Blue) o RGBA (Red Green Blue Alpha).

Sintaxis:

sourceFromRgb(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 RGB o RGBA.

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 RGB o RGBA.

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 sourceFromRgb() function over
 // the color values in RGB and RGBA format
 console.log(fabric.Color.sourceFromRgb("rgb(13, 50, 77)"));
 console.log(fabric.Color.sourceFromRgb("rgba(200, 255, 252, 0.6)"));
</script>
  
</body>
  
</html>

Producción:

[13,50,77,1]
[200,255,252,0.6]

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 RGB format
 var A = "rgb(0, 12, 50)";
 var B = "rgb(254, 200, 110)";
   
 // Initializing some color values in RGBA format
 var C = "rgba(5, 10, 50, 0.9)";
 var D = "rgba(12, 0, 150, 0.2)";
  
 // Calling the sourceFromRgb() function over
 // the above color values
 console.log(fabric.Color.sourceFromRgb(A));
 console.log(fabric.Color.sourceFromRgb(B));
 console.log(fabric.Color.sourceFromRgb(C));
 console.log(fabric.Color.sourceFromRgb(D));
</script>
  
</body>
  
</html>

Producción:

[0,12,50,1]
[254,200,110,1]
[5,10,50,0.9]
[12,0,150,0.2]

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 *