DOMQuad

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

注意:此功能在 Web Workers 中可用。

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.getBounds()

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

DOMQuad.toJSON()

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

静态方法

DOMQuad.fromRect()

基于传入的坐标集返回一个新的 DOMQuad 对象。

DOMQuad.fromQuad()

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

规范

规范
Geometry Interfaces Module Level 1
# DOMQuad

浏览器兼容性