Método Fabric.js qrDecompose()

El método qrDecompose() se utiliza para descomponer la array estándar de 2 × 3 especificada en componentes de transformación

Sintaxis:

qrDecompose( mat )

Parámetros: este método acepta un parámetro como se mencionó anteriormente y se describe a continuación:

  • mat: este parámetro contiene la array especificada de array de transformación.

Valor devuelto: este método devuelve los componentes de la transformación.

Ejemplo 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 qrDecompose() function over
        // the specified array of transform matrix
        console.log(fabric.util
            .qrDecompose([1, 2, 3, 4, 5, 6]));
    </script>
</body>
  
</html>

Producción:

{"angle":63.434948822922,"scaleX":2.23606797749979,"scaleY":-0.8944271909999159,
"skewX":65.55604521958347,"skewY":0,"translateX":5,"translateY":6}

Ejemplo 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 array of transform matrix
        var a1 = [1, 2, 3];
        var a2 = [0, 6, 7, 8, 0, 0];
  
        // Calling qrDecompose() function over the
        // above specified array of transform matrix
        console.log(fabric.util.qrDecompose(a1));
        console.log(fabric.util.qrDecompose(a2));
    </script>
  
</body>
  
</html>

Producción:

{"angle":63.434948822922,"scaleX":2.23606797749979,"scaleY":null,"skewX":null,"skewY":0}
{"angle":90,"scaleX":6,"scaleY":-7,"skewX":53.13010235415598,"skewY":0,
"translateX":0,"translateY":0}

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *