DOMPointReadOnly

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.

Note: This feature is available in Web Workers.

Giao diện DOMPointReadOnly chỉ định các trường tọa độ và phối cảnh được DOMPoint sử dụng để định nghĩa một điểm 2D hoặc 3D trong hệ tọa độ.

Có hai cách để tạo một đối tượng DOMPointReadOnly mới. Đầu tiên, bạn có thể sử dụng hàm khởi tạo của nó, truyền vào các giá trị tham số cho từng chiều và tùy chọn là phối cảnh:

js
/* 2D */
const point2D = new DOMPointReadOnly(50, 50);

/* 3D */
const point3D = new DOMPointReadOnly(50, 50, 25);

/* 3D with perspective */
const point3DPerspective = new DOMPointReadOnly(100, 100, 100, 1.0);

Tùy chọn khác là sử dụng phương thức tĩnh DOMPointReadOnly.fromPoint():

js
const point = DOMPointReadOnly.fromPoint({ x: 100, y: 100, z: 50, w: 1.0 });

Hàm khởi tạo

DOMPointReadOnly()

Tạo một đối tượng DOMPointReadOnly mới với các giá trị tọa độ và phối cảnh đã cho. Để tạo một điểm từ một đối tượng, bạn có thể sử dụng DOMPointReadOnly.fromPoint().

Thuộc tính phiên bản

DOMPointReadOnly.x Read only

Tọa độ ngang của điểm, x.

DOMPointReadOnly.y Read only

Tọa độ dọc của điểm, y.

DOMPointReadOnly.z Read only

Tọa độ độ sâu của điểm, z.

DOMPointReadOnly.w Read only

Giá trị phối cảnh của điểm, w.

Phương thức tĩnh

DOMPointReadOnly.fromPoint()

Một phương thức tĩnh tạo một đối tượng DOMPointReadOnly mới dựa trên các tọa độ được cung cấp trong đối tượng đã chỉ định.

Phương thức phiên bản

matrixTransform()

Áp dụng một phép biến đổi ma trận được chỉ định dưới dạng đối tượng lên đối tượng DOMPointReadOnly.

toJSON()

Trả về biểu diễn JSON của đối tượng DOMPointReadOnly.

Thông số kỹ thuật

Specification
Geometry Interfaces Module Level 1
# DOMPoint

Tương thích trình duyệt

Xem thêm