极客教程Fabric.js extend() 方法
extend() 方法用于将源对象的所有属性复制到目标对象上，并返回目标对象。不要克隆或扩展 fabric.Object 子类。这主要用于内部使用，并具有对 fabricJS 对象的额外处理，会在深度复制时跳过 canvas 属性。
语法：
extend(destination, source)
参数： 此方法接受上述提及的两个参数，并如下所述进行描述：
- destination: 此参数表示要复制到哪里。
- source: 此参数表示要从哪里复制。
返回值： 此方法返回源对象的所有属性复制到目标对象上，并返回目标对象的副本。
示例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">
var obj1 = {
key1: 'Geeks',
};
var obj2 = {
key2: 'GeeksforGeeks',
};
console.log(fabric.util
.object.extend(obj1, obj2));
</script>
</body>
</html>
输出：
{"key1": "Geeks", "key2": "GeeksforGeeks"}
示例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">
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"}