极客教程Fabric.js add()方法
add()方法 用于将一些指定的对象添加到一个新的集合中，并返回新创建的集合。
语法：
add(...object)
参数： 该方法接受一个参数，如上所述，下面进行描述：
- object: 该参数用于保存要添加到集合中的对象。
返回值： 该方法返回新创建的集合。
示例1：
<!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>
输出：
{"_objects":[1,2,3]}
{"_objects":[1,2,3,"a","b","c"]}
{"_objects":[1,2,3,"a","b","c","gfg"]}
示例2：
<!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"}]}