DOMQuad: fromQuad() static method

Baseline Widely available

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

Note: This feature is available in Web Workers.

Phương thức tĩnh fromQuad() của giao diện DOMQuad trả về một đối tượng DOMQuad mới dựa trên tập tọa độ được cung cấp có dạng của một đối tượng DOMQuad khác.

Cú pháp

js
DOMQuad.fromQuad()
DOMQuad.fromQuad(quad)

Tham số

quad Optional

Một DOMQuad hoặc một đối tượng có cùng thuộc tính. Tất cả các thuộc tính mặc định là (0, 0, 0, 1). Các thuộc tính bao gồm:

p1 Optional, p2 Optional, p3 Optional, p4 Optional

Mỗi thuộc tính là một DOMPoint hoặc một đối tượng có cùng thuộc tính, đại diện cho một góc của tứ giác.

Đối tượng này thường là một phiên bản DOMQuad khác, hoặc một đối tượng hiện có được lấy từ một nguồn dữ liệu nào đó. Nếu bạn tạo đối tượng này từ đầu, nên sử dụng hàm khởi tạo DOMQuad(), nhận bốn điểm riêng biệt, tránh tạo đối tượng trung gian.

Giá trị trả về

Một đối tượng DOMQuad.

Ví dụ

Tạo quad từ DOMQuad hiện có

Ví dụ này cho thấy cách tạo một DOMQuad mới từ một DOMQuad đã có.

js
const originalQuad = new DOMQuad(
  { x: 0, y: 0 },
  { x: 50, y: 0 },
  { x: 50, y: 50 },
  { x: 0, y: 50 },
);

const newQuad = DOMQuad.fromQuad(originalQuad);

console.log(newQuad.p1.x, newQuad.p1.y); // 0 0
console.log(newQuad.p2.x, newQuad.p2.y); // 50 0

Thông số kỹ thuật

Thông số kỹ thuật
Geometry Interfaces Module Level 1
# dom-domquad-fromquad

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

Xem thêm