Método add() de Fabric.js

El método add() se usa para agregar algunos objetos específicos a una nueva colección y devuelve la colección recién creada.

Sintaxis:

add(...object)

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

  • objeto: este parámetro contiene los objetos para agregar a una colección.

Valor devuelto: este método devuelve la colección recién creada.

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.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 add() function to add its
       // parameters into a collection of objects
       console.log(fabric.Collection.add(1, 2, 3));
       console.log(fabric.Collection.add("a", "b", "c"));
       console.log(fabric.Collection.add("gfg"));
   </script>
 
</body>
 
</html>

Producción:

{"_objects":[1,2,3]}
{"_objects":[1,2,3,"a","b","c"]}
{"_objects":[1,2,3,"a","b","c","gfg"]}

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.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 objects
       var obj1 = {name: "GFG"};
       var obj2 = {Department: "Computer Science"};
       console.log(fabric.Collection.add(obj1, obj2));
   </script>
 
</body>
 
</html>

Producción:

{"_objects":[{"name":"GFG"},{"Department":"Computer Science"}]}

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 *