DOMRect - 代表一个矩形
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
DOMRect 代表一个矩形。DOMRect 表示的盒子的类型是由返回它的方法或属性指定。
它继承自其父类 DOMRectReadOnly。
构造函数
DOMRect()
创建一个新的 DOMRect 对象。
属性
DOMRect 从其父级 DOMRectReadOnly 继承了 属性。不同之处在于它们不再是只读的。
DOMRectReadOnly.x
DOMRect 原点的 x 坐标。
DOMRectReadOnly.y
DOMRect 原点的 y 坐标。
DOMRectReadOnly.width
DOMRect 的宽度。
DOMRectReadOnly.height
DOMRect 的高度。
DOMRectReadOnly.top
返回 DOMRect 的顶部坐标值（与 y 具有相同的值，如果 y + height 为负，则为 y + height。）
DOMRectReadOnly.right
返回 DOMRect 的右坐标值（与 x + width 具有相同的值，如果 x 为负，则为 x。）
DOMRectReadOnly.bottom
返回 DOMRect 的底部坐标值（与 y + height 具有相同的值，如果 y 为负，则返回 y。）
DOMRectReadOnly.left
返回 DOMRect 的左坐标值（与 x 具有相同的值，如果 x + width 为负，则为 x + width。）
方法
DOMRect 从其父类 DOMRectReadOnly 继承了方法。
DOMRectReadOnly.fromRect()
通过给定的定位置和尺寸的创建新的 DOMRect 对象。
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| Geometry Interfaces Module Level 1 DOMRect 的定义 |
候选推荐 | 初始定义。 |
桌面浏览器兼容性
| 特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基础支持 | 支持 |
不支持 支持1 |
支持 |
不支持 支持1 |
支持 | 10.1 |
DOMRect() constructor |
支持 | 不支持 | 支持 | 不支持 | 支持 | 10.1 |
移动浏览器兼容性
| 特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 |
不支持 支持1 |
支持 | 未知 | 支持 | 10.1 |
DOMRect() constructor |
支持 | 支持 | 不支持 | 支持 | 未知 | 支持 | 10.1 |
1. 通过 ClientRect 支持。