DOMQuad

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

备注: 此特性在 Web Worker 中可用。

DOMQuad 是由四个(定义了任意四边形的角的) DOMPoint 组成的集合。返回 DOMQuad 使得 getBoxQuads() 在存在任意 2D 或 3D 变换时,依然能返回准确的信息。它还具有一个方便的 bounds 属性来返回 DOMRectReadOnly,适用于那些只需要轴对齐的边界矩形的情况。

构造函数

DOMQuad()

创建一个新的 DOMQuad 对象。

实例属性

DOMQuad.p1 只读

表示 DOMQuad 的拐角的 DOMPoint

DOMQuad.p2 只读

表示 DOMQuad 的拐角的 DOMPoint

DOMQuad.p3 只读

表示 DOMQuad 的拐角的 DOMPoint

DOMQuad.p4 只读

表示 DOMQuad 的拐角的 DOMPoint

实例方法

DOMQuad.fromRect()

根据传入的坐标集返回一个新的 DOMQuad 对象。

DOMQuad.fromQuad()

根据提供的输入,返回一个新的 DOMQuad 对象或一组四边形坐标。

DOMQuad.getBounds()

返回一个包含 DOMQuad 对象坐标和尺寸的 DOMRect 对象。

DOMQuad.toJSON()

返回 DOMQuad 对象的 JSON 表示形式。

规范

Specification
Geometry Interfaces Module Level 1
# DOMQuad

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DOMQuad
DOMQuad() constructor
fromQuad() static method
fromRect() static method
getBounds()
p1
p2
p3
p4
toJSON()
Available in workers

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.