"Ngữ cảnh vẽ" chính xác là gì? Vai trò của phương thức getcontext() là gì?

Question

Phương pháp getContext() là gì và ngữ cảnh vẽ chính xác là gì? tại sao chúng tôi luôn chuyển chuỗi 2d đến phương thức getContext()?

Answer 1

Bối cảnh là một cách để chọn những gì bạn sẽ làm với canvas của bạn.

Trong giây lát, bạn có thể sử dụng getContext cho 2d (2dcanvas) hoặc cho 3d (WebGL).

HTML5 Specification nói về getContext: "Trả về đối tượng hiển thị API để vẽ trên canvas. Đối số đầu tiên chỉ định API mong muốn. Đối số tiếp theo được xử lý bởi API đó."

Bạn có thể tìm thông số kỹ thuật cho từng API có: http://wiki.whatwg.org/wiki/CanvasContexts

Nó cũng là tốt để biết rằng "webgl" là tên chính xác cho API nhưng đối với thời điểm, vì nó là thử nghiệm mà bạn nên sử dụng "thử nghiệm-webgl "để bắt đầu tạo nội dung WebGL

Answer 2

Trong đồ họa máy tính, ngữ cảnh vẽ là trừu tượng (lớp/đối tượng) đóng gói cách bạn đang thực hiện để vẽ nội dung.

Ở cấp độ 100k foot, đồ họa máy tính sắp chuyển đổi lệnh vẽ thành pixel (hình ảnh). Làm thế nào bạn đi từ lệnh đến điểm ảnh là những gì các đường ống đồ họa là tất cả về (rất borad và chủ đề sâu). Một bối cảnh vẽ cho thấy các phương thức vẽ và các thuộc tính để đạt được điều này.

Ví dụ về lệnh vẽ: drawLine, drawPath, drawRect (bạn có được ý tưởng).

Ví dụ về thuộc tính bản vẽ: điền vào màu sắc, màu sắc nét, phong cách đột quỵ, cỡ chữ, cắt khu vực vv

Trong bối cảnh (tha thứ các chơi chữ) của trang web, bạn có hai bối cảnh vẽ - vải để vẽ 2d và và webgl cho bản vẽ 3d.