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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。