就业培训     下载中心     Wiki     联络
登录   注册
  1. 首页
  2. Web API
  3. DOMRect

在此页

草案
此页面不完整。

A DOMRect represents a rectangle.

The type of box represented by the DOMRect is specified by the method or property that returned it. For example, VREyeParameters.renderRect from the WebVR API specifies the viewport of a canvas into which visuals for one eye of a head mounted display should be rendered.

It inherits from its parent, DOMRectReadOnly . 

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="../API/DOMRectReadOnly" target="_top"><rect x="1" y="1" width="150" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="76" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">DOMRectReadOnly</text></a><polyline points="151,25  161,20  161,30  151,25" stroke="#D4DDE4" fill="none"/><line x1="161" y1="25" x2="191" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/DOMRect" target="_top"><rect x="191" y="1" width="75" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="228.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">DOMRect</text></a></svg></div>
					
  a:hover text { fill: #0095DD; pointer-events: all;}

构造函数

DOMRect()
创建新的 DOMRect 对象。

特性

DOMRect 继承的特性来自其父级， DOMRectReadOnly . The difference is that they are not read-only anymore.

DOMRectReadOnly.x
The x coordinate of the DOMRect 's origin.
DOMRectReadOnly.y
The y coordinate of the DOMRect 's origin.
DOMRectReadOnly.width
The width of the DOMRect .
DOMRectReadOnly.height
The height of the DOMRect .
DOMRectReadOnly.top
Returns the top coordinate value of the DOMRect (has the same value as y ，或 y + height if height is negative.)
DOMRectReadOnly.right
Returns the right coordinate value of the DOMRect (has the same value as x + width ，或 x if width is negative.)
DOMRectReadOnly.bottom
Returns the bottom coordinate value of the DOMRect (has the same value as y + height ，或 y if height is negative.)
DOMRectReadOnly.left
Returns the left coordinate value of the DOMRect (has the same value as x ，或 x + width if width is negative.)

方法

DOMRect 继承来自其父级的方法， DOMRectReadOnly .

静态方法

DOMRectReadOnly.fromRect()
创建新的 DOMRect object with a given location and dimensions.

规范

规范 状态 注释
Geometry Interfaces Module Level 1
The definition of 'DOMRect' in that specification. 		候选推荐 初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
DOMRect Chrome Yes Edge 79
79
12 Alternate Name
Alternate Name Uses the non-standard name: ClientRect
Firefox Yes IE No
不支持 No
Yes Alternate Name
Alternate Name Uses the non-standard name: ClientRect
Opera Yes Safari 10.1 WebView Android Yes Chrome Android Yes Firefox Android Yes Opera Android Yes Safari iOS 10.3 Samsung Internet Android Yes
DOMRect() 构造函数 Chrome Yes Edge 79 Firefox Yes IE No Opera Yes Safari 10.1 WebView Android Yes Chrome Android Yes Firefox Android Yes Opera Android Yes Safari iOS 10.3 Samsung Internet Android Yes
Available in workers Chrome 58 Edge 79 Firefox 69 IE No Opera 45 Safari 10.1 WebView Android 58 Chrome Android 58 Firefox Android No Opera Android 43 Safari iOS 10.3 Samsung Internet Android 7.0

图例

完整支持

完整支持

不支持

不支持

使用非标名称。

另请参阅

元数据

  • 最后修改：
  1. DOMRect
  2. 构造函数
    1. DOMRect()
  3. 继承：
    1. DOMRectReadOnly
  4. Related pages for Geometry Interfaces
    1. CSSMatrix
    2. DOMMatrix
    3. DOMMatrixReadOnly
    4. 点