当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Fabric.js invertTransform()用法及代码示例


invertTransform()方法用于返回指定数组变换的反形式。此函数计算数组元素的按位反转。

用法:

invertTransform(t)

参数:此方法接受如上所述和以下描述的参数:

  • t:此参数保存指定的数组转换。

返回值:此方法返回指定数组转换的倒置形式。

范例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>

输出:

[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]

范例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>

输出:

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

相关用法


注:本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 Fabric.js invertTransform() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。