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

invoke()方法用于对指定数组的元素执行某些操作，例如排序，连接等。

用法:

invoke(array, method)

参数：此方法接受上面提到和下面描述的两个参数：

array:此参数保存要迭代的数组。
method:此参数保存要调用的方法的名称。

返回值：此方法返回在将给定方法应用于该数组之后形成的数组。

范例1：

Javascript

<!DOCTYPE html> 
<html> 
  
<head> 
    <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> 
</head> 
  
<body> 
    <script type="text/javascript"> 
            console.log(fabric.util.array 
            .invoke([[1, 6, 8], [7, 5, 3], 
            [33, 76, 55]], 'sort')); 
    </script> 
</body> 
  
</html>

输出：

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

范例2：

Javascript

<!DOCTYPE html> 
<html> 
  
<head> 
    <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> 
</head> 
  
<body> 
    <script type="text/javascript"> 
        console.log(fabric.util.array 
            .invoke([[11, 6, 8],  
            [33, 25, 32]], 'join')); 
    </script> 
</body> 
  
</html>

输出：

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

相关用法

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