Fabric.js getScrollLeftTop() 方法

Fabric.js 中的getScrollLeftTop() 方法用于查找元素的滚动偏移量。此方法返回的对象包含分别表示“top”和“left”偏移量的“top”和“left”属性。必须首先选择页面中的 HTML 元素才能通过此方法。

句法：

getScrollLeftTop(element)

参数：此方法接受如上所述和如下所述的单个参数：

• element：此参数用于指定必须为其找到滚动偏移量的 HTML 元素。

返回值：此方法返回一个对象，该对象包含“顶部”和“左侧”滚动偏移量作为属性。

下面的示例演示了 Fabric.js 的getScrollLeftTop()方法：

例子：

HTML

  

    
    
    
  
    
      
        /* 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;
        }
    

  

    
        GeeksforGeeks
    
  
    
        Fabric.js util.getScrollLeftTop() Method
    
      
    
        Element 1
    
      
    
        Element 2
    
  
    
  
        // 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);
    

  

输出：