Fabric.js add()用法及代碼示例

add()方法用於將某些指定的對象添加到新集合中，並返回新創建的集合。

用法:

add(...object)

參數：此方法接受如上所述和以下描述的參數：

object:此參數保存要添加到集合中的對象。

返回值：此方法返回新創建的集合。

範例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>

輸出：

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

範例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>

輸出：

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

相關用法

注：本文由純淨天空篩選整理自Kanchan_Ray大神的英文原創作品 Fabric.js add() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。