Fabric.js getScrollLeftTop()用法及代码示例

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

用法:

getScrollLeftTop(element)

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

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

返回值：此方法返回一个包含“top”和“left”滚动偏移量作为属性的对象。

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

例：

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>

输出：

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 Fabric.js getScrollLeftTop() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。