Método Fabric.js extend()

El método extend() se utiliza para crear una copia de todas las propiedades de los objetos de origen sobre el objeto de destino y devolver el objeto de destino. No clone ni amplíe las subclases fabric.Object. Esto es principalmente para uso interno y tiene un manejo adicional para los objetos fabricJS, omite la propiedad del lienzo en la clonación profunda.

Sintaxis:

extend(destination, source)

Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:

  • destino: este parámetro dice dónde copiar.
  • fuente: este parámetro dice de dónde copiar.

Valor devuelto: este método devuelve una copia de todas las propiedades de los objetos de origen sobre el objeto de destino y devuelve el objeto de destino.

Ejemplo 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>

Producción:

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

Ejemplo 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>

Producción:

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

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *