El métodomultiplicarTransformArrays() se usa para multiplicar dos arrays especificadas para anidar la transformación. Por ejemplo, si la función es multiplicaTransformArrays(a, b), significa que la array a se multiplicará por la array b .
Sintaxis:
multiplyTransformMatrices(a, b, is2x2)
Parámetros: este método acepta un parámetro como se mencionó anteriormente y se describe a continuación:
- a: este parámetro contiene la primera array de transformación especificada.
- b: este parámetro contiene la segunda array de transformación especificada.
- is2x2: este parámetro es un valor booleano que contiene la bandera para multiplicar arrays como arrays de 2×2.
Valor devuelto: este método devuelve el producto de las dos arrays de transformación especificadas.
Ejemplo 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>
Producción:
[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]
Ejemplo 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"> // Specifying 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>
Producción:
[20,28,52,76,0,0] [20,28,52,76,null,null]
Publicación traducida automáticamente
Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA