DOMRectReadOnly - 指定了 DOMRect 用于定义矩形的标准属性
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
DOMRectReadOnly 接口指定了 DOMRect 用于定义矩形的标准属性。
构造函数
DOMRectReadOnly()
定义为创建一个新的 DOMRectReadOnly 对象，但请注意，第三方 JavaScript 无法调用该构造函数：这样做会返回 非法构造函数 的类型错误。
属性
DOMRectReadOnly.x 只读
DOMRect 原点的 x 坐标。
DOMRectReadOnly.y 只读
DOMRect 原点的 y 坐标。
DOMRectReadOnly.width 只读
DOMRect 的宽度。
DOMRectReadOnly.height 只读
DOMRect 的高度。
DOMRectReadOnly.top 只读
返回 DOMRect 的顶部坐标值（通常与 y 相同。）
DOMRectReadOnly.right 只读
返回 DOMRect 的右坐标值（通常与 x + width 相同）。
DOMRectReadOnly.bottom 只读
返回 DOMRect 的底部坐标值（通常与 y + height 相同）。
DOMRectReadOnly.left 只读
返回 DOMRect 的左坐标值（通常与 x 相同）。
方法
DOMRectReadOnly.fromRect()
通过给定的定位置和尺寸的创建新的 DOMRect 对象。
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| Geometry Interfaces Module Level 1 DOMRectReadOnly 的定义 |
候选推荐 | 初始定义。 |
桌面浏览器兼容性
| 特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基础支持 | 支持 |
不支持 支持1 |
支持 |
不支持 支持1 |
支持 | 10.1 |
DOMRectReadOnly() constructor |
支持 | 不支持 | 支持 | 不支持 | 支持 | 10.1 |
fromRect |
57 | 未知 | 未知 | 未知 | 44 | 未知 |
bottom |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
height |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
left |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
right |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
top |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
width |
支持 | 不支持2 | 支持 | 不支持2 | 支持 | 10.1 |
x |
支持 | 不支持 | 支持 | 不支持 | 支持 | 10.1 |
y |
支持 | 不支持 | 支持 | 不支持 | 支持 | 10.1 |
移动浏览器兼容性
| 特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| 基础支持 | 支持 | 支持 |
不支持 支持1 |
支持 | 未知 | 支持 | 10.1 |
DOMRectReadOnly() constructor |
支持 | 支持 | 不支持 | 支持 | 未知 | 支持 | 10.1 |
fromRect |
57 | 57 | 未知 | 未知 | 未知 | 44 | 未知 |
bottom |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
height |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
left |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
right |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
top |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
width |
支持 | 支持 | 不支持2 | 支持 | 未知 | 支持 | 10.1 |
x |
支持 | 支持 | 不支持 | 支持 | 未知 | 支持 | 10.1 |
y |
支持 | 支持 | 不支持 | 支持 | 未知 | 支持 | 10.1 |
1. 通过 ClientRect 支持。
2. 在专有的 ClientRect 接口上实现。