Método Fabric.js matrixToSVG()

El método matrixToSVG() se usa para devolver algo como «array (… números)» para la array especificada de algunos números.

Sintaxis:

matrixToSVG(transform)

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

  • transform: este parámetro contiene la array especificada que contiene algunos números.

Valor devuelto: este método devuelve la array transformada para SVG algo así como «matrix(…numbers)» .

Ejemplo 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.js">
    </script>
</head>
 
<body>
    <script type="text/javascript">
 
        // Calling matrixToSVG() function over
        // the specified arrays
        console.log(fabric.util.matrixToSVG(
                [1, 2, 3, 4, 5, 6]));
        console.log(fabric.util.matrixToSVG([0]));
        console.log(fabric.util.matrixToSVG([2, 4, 6]));
    </script>
</body>
 
</html>

Producción:

matrix(1 2 3 4 5 6)
matrix(0)
matrix(2 4 6)

Ejemplo 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.js">
    </script>
</head>
 
<body>
    <script type="text/javascript">
     
        // Specifying some arrays
        var a = [2, 4];
        var b = [0.1, 2.4];
        var c = [1, 3, 5, 7];
 
        // Calling matrixToSVG() function over
        // the above specified arrays
        console.log(fabric.util.matrixToSVG(a));
        console.log(fabric.util.matrixToSVG(b));
        console.log(fabric.util.matrixToSVG(c));
    </script>
</body>
 
</html>

Producción:

matrix(2 4)
matrix(0.1 2.4)
matrix(1 3 5 7)

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 *