Fabric.js add() Method

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=Â Â Â </script>Â
   <script type="text/javascript" src=   </script>Â
   <script type="text/javascript" src=   </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=Â Â Â </script>Â
   <script type="text/javascript" src=   </script>Â
   <script type="text/javascript" src=   </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"}]}
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!



