Path2D

Bộ khởi tạo

Path2D()

Bộ khởi tạo của Path2D. Tạo một đối tượng Path2D mới.

Phương thức thể hiện

Path2D.addPath()

Thêm một đường dẫn vào đường dẫn hiện tại.

Path2D.closePath()

Làm cho điểm bút quay lại điểm bắt đầu của đường dẫn con hiện tại. Phương thức này cố gắng vẽ một đường thẳng từ điểm hiện tại đến điểm bắt đầu. Nếu hình đã được đóng hoặc chỉ có một điểm, hàm này không làm gì cả.

Path2D.moveTo()

Di chuyển điểm bắt đầu của một đường dẫn con mới đến tọa độ (x, y).

Path2D.lineTo()

Nối điểm cuối cùng trong đường dẫn con với tọa độ (x, y) bằng một đường thẳng.

Path2D.bezierCurveTo()

Thêm một đường cong Bézier bậc ba vào đường dẫn. Nó cần ba điểm. Hai điểm đầu là điểm điều khiển và điểm thứ ba là điểm kết thúc. Điểm bắt đầu là điểm cuối cùng trong đường dẫn hiện tại, và có thể thay đổi bằng moveTo() trước khi tạo đường cong Bézier.

Path2D.quadraticCurveTo()

Thêm một đường cong Bézier bậc hai vào đường dẫn hiện tại.

Path2D.arc()

Thêm một cung tròn vào đường dẫn, được đặt tâm tại vị trí (x, y) với bán kính r, bắt đầu tại startAngle và kết thúc tại endAngle, đi theo chiều được xác định bởi counterclockwise (mặc định là theo chiều kim đồng hồ).

Path2D.arcTo()

Thêm một cung tròn vào đường dẫn với các điểm điều khiển và bán kính được cho, nối với điểm trước đó bằng một đoạn thẳng.

Path2D.ellipse()

Thêm một cung ellipse vào đường dẫn, được đặt tâm tại vị trí (x, y) với các bán kính radiusX và radiusY, bắt đầu tại startAngle và kết thúc tại endAngle, đi theo chiều được xác định bởi counterclockwise (mặc định là theo chiều kim đồng hồ).

Path2D.rect()

Tạo một đường dẫn hình chữ nhật tại vị trí (x, y) với kích thước được xác định bởi width và height.

Path2D.roundRect()

Tạo một đường dẫn hình chữ nhật bo góc tại vị trí (x, y) với kích thước được xác định bởi width và height, trong đó bán kính của cung tròn dùng cho các góc chữ nhật được xác định bởi radii.

Thông số kỹ thuật

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

Xem thêm

• CanvasRenderingContext2D