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

multiplyTransformMatrices()方法用于将两个指定的矩阵相乘以进行嵌套转换。例如，如果函数为multipleTransformMatrices(a，b)，则意味着矩阵a将与矩阵b相乘。

用法:

multiplyTransformMatrices(a, b, is2x2)

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

a:此参数保存第一个指定的变换矩阵。
b:此参数保存第二个指定的变换矩阵。
is2x2：此参数是一个布尔值，其中包含保留将矩阵相乘为2×2矩阵的标志。

返回值：此方法返回两个指定的转换矩阵的乘积。

范例1：

HTML

<!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"> 
    // Calling multiplyTransformMatrices() function over 
    // some specified arrays 
    console.log(fabric.util.multiplyTransformMatrices([1, 2], [3, 4])); 
    console.log(fabric.util.multiplyTransformMatrices([1, 2], [3, 4], true)); 
    console.log(fabric.util.multiplyTransformMatrices([1, 2], [3, 4], false)); 
    console.log(fabric.util.multiplyTransformMatrices([1, 2, 3, 4],  
                                                      [5, 6, 7, 8])); 
    console.log(fabric.util.multiplyTransformMatrices([1, 2, 3, 4],  
                                                      [5, 6, 7, 8], true)); 
    console.log(fabric.util.multiplyTransformMatrices([1, 2, 3, 4],  
                                                      [5, 6, 7, 8], false)); 
  </script> 
</body> 
  
</html>

输出：

[null,null,null,null,null,null]
[null,null,null,null,0,0]
[null,null,null,null,null,null]
[23,34,31,46,null,null]
[23,34,31,46,0,0]
[23,34,31,46,null,null]

范例2：

HTML

<!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"> 
    // Specifing some arrays 
    var a = [2, 4, 6, 8]; 
    var b = [1, 3, 5, 7]; 
  
    // Calling multiplyTransformMatrices() function over 
    // the above specified arrays 
    console.log(fabric.util.multiplyTransformMatrices(a, b, true)); 
    console.log(fabric.util.multiplyTransformMatrices(a, b, false)); 
  </script> 
</body> 
  
</html>

输出：

[20,28,52,76,0,0]
[20,28,52,76,null,null]

相关用法

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