Fabric.js add() Method

Last Updated : 04 Mar, 2021

The add() method is used to add some specified objects into a new collection and returns the newly created collection.

Syntax:

add(...object)

Parameters: This method accepts a parameter as mentioned above and described below:

object: This parameter holds the objects to add into a collection.

Return Value: This method returns the newly created collection.

Example 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>

Output:

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

Example 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>

Output:

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

Fabric.js extend() Method

Kanchan_Ray

Improve

Article Tags :

Fabric.js add() Method

Javascript

Javascript

Similar Reads

Thank You!

What kind of Experience do you want to share?