Método Fabric.js fromSource()

El método fromSource() se usa para devolver un nuevo objeto de color para el color especificado en una representación de array con valores en formato RGBA (Rojo, Verde, Azul y Alfa).

Sintaxis:

fromSource( source )

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

  • fuente: este parámetro contiene la array de valores especificada en formato RGBA.

Valor devuelto: este método devuelve un nuevo objeto de color en el formato de «RGBA (Rojo-Verde-Azul-Alfa)» para el color especificado en una array.

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 fromSource() function
        // over the array of specified color
        // value in RGBA format
        console.log(fabric.Color
            .fromSource([200, 100, 100, 0.5]));
    </script>
</body>
  
</html>

Producción:

{"_source":[200,100,100,0.5]}

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 arrays of 
        // color values in RGBA format
        var Black = [0, 0, 0, 1.0];
        var Blue = [0, 0, 255, 0.5];
        var Yellow = [255, 255, 0.9];
  
        // Calling the fromSource() function over
        // the above array of specified color values
        console.log(fabric.Color.fromSource(Black));
        console.log(fabric.Color.fromSource(Blue));
        console.log(fabric.Color.fromSource(Yellow));
    </script>
</body>
  
</html>

Producción:

{"_source":[0,0,0,1]}
{"_source":[0,0,255,0.5]}
{"_source":[255,255,0.9]}

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 *