Fabric.js getElementOffset() 方法

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

句法：

getElementOffset(element)

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

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

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

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

例子：

HTML

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

    

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

  

输出：