boundingRect()

功能

获取或设置指定元素边框的矩形 viewport。

语法

geom.boundingRect(elm,coords)

参数

elm
HTMLElement对象，指定对象HTML元素
coords
一个带有可选的左侧、顶部、宽度、高度属性设置的哈希

范例

Example: 计算 div 的四边的绝对位置，b 显示结果。

<!DOCTYPE html>
<html>

<head>
    <style>
    .border {height: 100px;width:100px;margin: 100px;padding: 100px; border: 2px solid red;}
    </style>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
    <script>
    require.config({
        baseUrl: "./",
        packages: [{
            name: "skylark",
            location: "../../../src/skylark"
        }, ]
    });
    </script>
</head>

<body>
    bounding  rect : 
    <div>Top: <b></b></div>
    <div>Right: <b></b></div>
    <div>Bottom: <b></b></div>
    <div>Left: <b></b></div>
    <div class="border"></div>
    <script>
    require(["skylark/query","skylark/finder", "skylark/geom", "skylark/datax"], function($,finder, geom, datax) {
      var border =  geom.boundingRect(finder.find("div:last"));
        datax.text($("b")[0],border.top);
        datax.text($("b")[1],border.right);
        datax.text($("b")[2],border.bottom);
        datax.text($("b")[3],border.left);
    });
    </script>
</body>

</html>