Fabric.js ActiveSelection getViewportTransform() Method

Fabric.js invertTransform() Method

Last Updated : 02 Mar, 2021

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 the specified array transform.

Return Value: This method returns the inverted form of the specified array transform.

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 invertTransform() function over
        // some array transform
        console.log(fabric.util
            .invertTransform([1, 2, 3]));

        console.log(fabric.util
            .invertTransform([1, 2, 3, 4]));

        console.log(fabric.util
            .invertTransform([1, 2, 3, 4, 5]));

        console.log(fabric.util
            .invertTransform([1, 2, 3, 4, 5, 6]));
    </script>
</body>

</html>

Output:

[null,null,null,null,null,null]
[-2,1,1.5,-0.5,null,null]
[-2,1,1.5,-0.5,null,null]
[-2,1,1.5,-0.5,1,-2]

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">

        // Specifying some arrays
        var array1 = [5, 10, 15, 20];
        var array2 = [1, 3, 5, 7, 9, 11];

        // Calling invertTransform() function
        // over the above array transform
        console.log(fabric.util.invertTransform(array1));
        console.log(fabric.util.invertTransform(array2));
    </script>
</body>

</html>

Output:

[-0.4,0.2,0.3,-0.1,null,null]
[-0.875,0.375,0.625,-0.125,1,-2]

Fabric.js ActiveSelection getViewportTransform() Method

K

Kanchan_Ray

Improve

Article Tags :

Similar Reads

Fabric.js Circle getViewportTransform() Method

In this article, we are going to see how to get the viewportTransform from Object's canvas of a circle object getViewportTransform() Method in the canvas Circle using FabricJS, it used to fill an object. The canvas Circle means the Circle is movable and can be stretched according to requirements. Fu

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 ActiveSelection getViewportTransform() Method

In this article, we are going to see how to use the getViewportTransform() Method in the canvas ActiveSelection using FabricJS, it used to fill an object. The canvas ActiveSelection means the ActiveSelection is movable and can be stretched according to requirements. Further, the ActiveSelection can

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 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 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 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 Circle getRadiusY() Method

In this article, we are going to see how to get the vertical radius of a circle object getRadiusY() Method in the canvas Circle using FabricJS, it used to fill an object. The canvas Circle means the Circle is movable and can be stretched according to requirements. Further, the Circle can be customiz

Fabric.js Circle getRadiusX() Method

In this article, we are going to see how to get the horizontal radius of a circle object getRadiusX() Method in the canvas Circle using FabricJS, it used to fill an object. The canvas Circle means the Circle is movable and can be stretched according to requirements. Further, the Circle can be custom