El método getScrollLeftTop() en Fabric.js se usa para encontrar los desplazamientos de desplazamiento de un elemento. El objeto devuelto por este método contiene la propiedad «superior» e «izquierda» que denota los desplazamientos «superior» e «izquierda» respectivamente. El elemento HTML en la página debe seleccionarse primero para pasar este método.
Sintaxis:
getScrollLeftTop(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 los desplazamientos de desplazamiento.
Valor devuelto: este método devuelve un objeto que contiene los desplazamientos de desplazamiento «superior» e «izquierdo» como propiedades.
El siguiente ejemplo demuestra el método fabric.js getScrollLeftTop() :
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 {
margin: 25px;
width: 400px;
height: 400px;
background-color: red;
}
.box2 {
margin: 25px;
width: 700px;
height: 300px;
background-color: green;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
Fabric.js util.getScrollLeftTop() 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');
function getScrollOffsets() {
console.clear();
console.log(
"Current Left and Top Offsets are:"
);
// Find the scrolled left and top offsets
console.log(
fabric.util.getScrollLeftTop(elem)
);
console.log(
fabric.util.getScrollLeftTop(elem2)
);
}
// Repeatedly call the function
// to observe the values
setInterval(getScrollOffsets, 1000);
</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