Fabric.js fromHsl() Method

Fabric.js invoke() Method

Last Updated : 12 Jan, 2023

The Fabric.js invoke() method is used to perform certain actions like sorting, joining, etc. on the elements of the specified array.

Syntax:

invoke(array, method)

Parameters: This method accepts two parameters as mentioned above and described below:

array: This parameter holds the array to iterate over.
method: This parameter holds the name of a method to invoke.

Return Value: This method returns the array formed after the given method is applied to it.

Example 1: This example shows the basic use of the Fabric.js invoke() method.

Javascript

<script src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> 
</script> 
  
<script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js.map"> 
</script> 
  
<script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.js"> 
</script> 
  
<script type="text/javascript"> 
    console.log(fabric.util.array 
    .invoke([[1, 6, 8], [7, 5, 3], 
    [33, 76, 55]], 'sort')); 
</script>

Output:

[[1, 6, 8], [3, 5, 7], [33, 55, 76]]

Example 2: This example shows the basic use of the Fabric.js invoke() method.

Javascript

<script src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> 
</script> 
  
<script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js.map"> 
</script> 
  
<script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.js"> 
</script> 
  
<script type="text/javascript"> 
    console.log(fabric.util.array 
        .invoke([[11, 6, 8],  
        [33, 25, 32]], 'join')); 
</script>

Output:

["11, 6, 8", "33, 25, 32"]

Fabric.js fromHsl() Method

K

Kanchan_Ray

Improve

Article Tags :

Similar Reads

Fabric.js fromHex() Method

The fromHex() method is used to return a new color object for the specified color in HEX format. Syntax: fromHex(color) Parameters: This method accepts a parameter as mentioned above and described below: color: This parameter holds the specified string color value in HEX format. Return Value: This m

Fabric.js getSource() Method

The getSource() method is used to get the source of the specified color value. Syntax: getSource() Parameters: This method does not accept any parameters. Return Value: This method returns the source of the specified color value. The returned source value will be in an array representation. Example

Fabric.js fromRgb() Method

The fromRgb() method is used to return a new color object for the specified color in RGB(red, green, and blue) format. Syntax: fromRgb(color) Parameters: This method accepts a parameter as mentioned above and described below: color: This parameter holds the specified string color value in RGB format

Fabric.js fromHsl() Method

The fromHsl() method is used to return a new color object for the specified color in HSL(Hue-Saturation-Lightness) format. Syntax: fromHsl(color) Parameters: This method accepts a parameter as mentioned above and described below: color: This parameter holds the specified string color value in HSL fo

Fabric.js fromSource() Method

The fromSource() method is used to return a new color object for the specified color in an array representation with values in RGBA (Red Green Blue and Alpha) format. Syntax: fromSource( source ) Parameters: This method accepts a parameter as mentioned above and described below: source: This paramet

Fabric.js invertTransform() Method

The invertTransform() method is used to return the inverted form of the specified array transform. This function computes the bit-wise Inversion of an array element. Syntax: invertTransform(t) Parameters: This method accepts a parameter as mentioned above and described below: t: This parameter holds

Fabric.js getAlpha() Method

The getAlpha() method is used to get the value of alpha channel for the specified color value. Syntax: getAlpha() Parameters: This method does not accept any parameters. Return Value: This method returns the alpha channel value. Example 1: C/C++ Code <!DOCTYPE html> <html> <head>

Fabric.js fromRgba() Method

The fromRgba() method is used to return a new color object for the specified color in RGBA(red green blue and alpha) format. Syntax: fromRgba(color) Parameters: This method accepts a parameter as mentioned above and described below: color: This parameter holds the specified string color value in RGB

Fabric.js add() Method

The add() method is used to add some specified objects into a new collection and returns the newly created collection. Syntax: add(...object) Parameters: This method accepts a parameter as mentioned above and described below: object: This parameter holds the objects to add into a collection. Return

Fabric.js sin() Method

The sin() method is used to return the sine of a specified angle expressed in radians or degrees which is in range [-inf, +inf]. The returned value is in range [-1, +1]. Syntax: sin( angle ) Parameters: This method accepts a parameter as mentioned above and described below: angle: This parameter hol