Fabric.js fromHex() Method

Fabric.js fromRgba() Method

Last Updated : 03 Feb, 2021

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 RGBA format.

Return Value: This method returns a new color object in the format of "RGBA(Red-Green-Blue-Alpha)" for the specified color in RGBA format.

Example 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 fromRgba() function over the
        // above specified color value in RGBA format
        console.log(fabric.Color.fromRgba("rgb(0, 0, 128, 0.4)"));
    </script>
</body>

</html>

Output:

{"_source":[0,0,128,0.4]}

Example 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 RGBA format
        var Black = "rgba(0, 0, 0, 1.0)";
        var Blue = "rgba(0, 0, 255, 0.5)";
        var Yellow = "rgba(255, 255, 0.9)";

        // Calling the fromRgba() function over
        // the above specified color values
        console.log(fabric.Color.fromRgba(Black));
        console.log(fabric.Color.fromRgba(Blue));
        console.log(fabric.Color.fromRgba(Yellow));
    </script>
</body>

</html>

Output:

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

Fabric.js fromHex() Method

K

Kanchan_Ray

Improve

Article Tags :

Similar Reads

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 fromHsla() Method

The fromHsla() method is used to return a new color object for the specified color in HSLA(hue saturation lightness and alpha) format. Syntax: fromHsla(color) Parameters: This method accepts a parameter as mentioned above and described below: color: This parameter holds the specified string color va

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 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 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: JavaScript <!DOCTYPE html> <html> <head>

Fabric.js invoke() Method

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 o

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 getRandomInt() Method

The getRandomInt() method is used to return a random number between two specified number. Syntax: getRandomInt(min, max) Parameters: This method accepts two parameters as mentioned above and described below: min: This parameter holds the specified lower limit value.max: This parameter holds the spec

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