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
基础支持	支持	不支持支持¹	支持	不支持支持¹	支持	10.1
`DOMRectReadOnly()` constructor	支持	不支持	支持	不支持	支持	10.1
`fromRect`	57	未知	未知	未知	44	未知
`bottom`	支持	不支持²	支持	不支持²	支持	10.1
`height`	支持	不支持²	支持	不支持²	支持	10.1
`left`	支持	不支持²	支持	不支持²	支持	10.1
`right`	支持	不支持²	支持	不支持²	支持	10.1
`top`	支持	不支持²	支持	不支持²	支持	10.1
`width`	支持	不支持²	支持	不支持²	支持	10.1
`x`	支持	不支持	支持	不支持	支持	10.1
`y`	支持	不支持	支持	不支持	支持	10.1

移动浏览器兼容性

特性	Android	Chrome for Android	Edge mobile	Firefox for Android	IE mobile	Opera Android	iOS Safari
基础支持	支持	支持	不支持支持¹	支持	未知	支持	10.1
`DOMRectReadOnly()` constructor	支持	支持	不支持	支持	未知	支持	10.1
`fromRect`	57	57	未知	未知	未知	44	未知
`bottom`	支持	支持	不支持²	支持	未知	支持	10.1
`height`	支持	支持	不支持²	支持	未知	支持	10.1
`left`	支持	支持	不支持²	支持	未知	支持	10.1
`right`	支持	支持	不支持²	支持	未知	支持	10.1
`top`	支持	支持	不支持²	支持	未知	支持	10.1
`width`	支持	支持	不支持²	支持	未知	支持	10.1
`x`	支持	支持	不支持	支持	未知	支持	10.1
`y`	支持	支持	不支持	支持	未知	支持	10.1

1. 通过 ClientRect 支持。

2. 在专有的 ClientRect 接口上实现。

相关链接

DOMPoint