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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。