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

extend()方法用於在目標對象上創建源對象的所有屬性的副本，並返回目標對象。不要克隆或擴展fabric.Object子類。這主要供內部使用，並對fabricJS對象有額外的處理，它會在深度克隆中跳過canvas屬性。

用法:

extend(destination, source)

參數：此方法接受上麵提到和下麵描述的兩個參數：

destination:此參數說明要複製到的位置。
source:此參數說明從何處複製。

返回值：此方法返回目標對象上源對象的所有屬性的副本，並返回目標對象。

範例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"> 
        var obj1 = { 
            key1:'Geeks', 
        }; 
  
        var obj2 = { 
            key2:'GeeksforGeeks', 
        }; 
  
        console.log(fabric.util 
            .object.extend(obj1, obj2)); 
    </script> 
</body> 
  
</html>

輸出：

{"key1":"Geeks", "key2":"GeeksforGeeks"}

範例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"> 
        var obj1 = { 
            key1:'GFG', key2:'gfg', 
        }; 
  
        var obj2 = { 
            key3:'5', key4:'10', 
        }; 
  
        console.log(fabric.util 
            .object.extend(obj1, obj2)); 
    </script> 
</body> 
  
</html>

輸出：

{"key1":"GFG", "key2":"gfg", "key3":"5", "key4":"10"}

相關用法

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