El método getElementOffset() en Fabric.js se usa para encontrar las compensaciones de un elemento. El objeto devuelto por este método contiene la propiedad «superior» e «izquierda» que denota los desplazamientos «superior» e «izquierda» del elemento respectivamente. El elemento HTML en la página debe seleccionarse primero para pasar a este método.
Sintaxis:
getElementOffset(element)
Parámetros: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- elemento: este parámetro se utiliza para especificar el elemento HTML para el que se deben encontrar las compensaciones.
Valor devuelto: este método devuelve un objeto que contiene los desplazamientos «superior» e «izquierdo» como propiedades.
El siguiente ejemplo demuestra el método getElementOffset() Fabric.js:
Ejemplo:
HTML
<html>
<head>
<!-- Adding the Fabric.js library -->
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js">
</script>
<style>
/* Define the CSS classes to be used */
.box1 {
width: 200px;
height: 200px;
background-color: red;
position: absolute;
top: 200px;
}
.box2 {
width: 200px;
height: 200px;
background-color: green;
position: absolute;
left: 185px;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
Fabric.js util.getElementOffset() Method
</h3>
<div class="box1">
Element 1
</div>
<div class="box2">
Element 2
</div>
<script>
// Select the elements to be used
let elem =
document.querySelector('.box1');
let elem2 =
document.querySelector('.box2');
console.log("Left and Top Offsets:")
// Find the offsets of the element
console.log(
fabric.util.getElementOffset(elem)
);
console.log(
fabric.util.getElementOffset(elem2)
);
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA