Geometry interfaces

几何接口 是一个 CSS 模块，它提供了用于处理 2D 和 3D 图形的接口——特别是用于处理点、矩形、四边形以及变换矩阵（用于平移/移动、缩放、旋转、倾斜/剪切、翻转图形的操作，以及用于矩阵乘法/链接和求逆/撤销这些操作）。

作为 Web 开发者，您并不总是直接使用几何接口，而是使用依赖于它们在后台工作的其他功能：CSS Transforms 的部分、Canvas API、WebXR Device API，以及（更直接地）VideoFrame.visibleRect、Element.getClientRects() 和 Element.getBoundingClientRect()。

接口

Path2D.addPath() 和 CanvasPattern.setTransform() 文章中包含使用一些几何接口的示例。

规范
Geometry Interfaces Module Level 1 # DOMMatrix
Geometry Interfaces Module Level 1 # DOMPoint
Geometry Interfaces Module Level 1 # DOMQuad
Geometry Interfaces Module Level 1 # DOMRect

此页面最后修改于 2023 年 7 月 17 日，作者是 MDN 贡献者。