GPUCanvasContext
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is available in Web Workers.
Giao diện GPUCanvasContext của WebGPU API đại diện cho ngữ cảnh kết xuất WebGPU của phần tử <canvas>, được trả về qua lệnh gọi HTMLCanvasElement.getContext() với contextType là "webgpu".
Thuộc tính phiên bản
canvasRead only-
Trả về tham chiếu đến canvas mà ngữ cảnh được tạo từ đó.
Phương thức phiên bản
configure()-
Cấu hình ngữ cảnh để sử dụng cho kết xuất với
GPUDevicecho trước và xóa canvas thành màu đen trong suốt. getConfiguration()-
Trả về cấu hình hiện tại được đặt cho ngữ cảnh.
getCurrentTexture()-
Trả về
GPUTexturetiếp theo sẽ được ghép vào tài liệu bởi ngữ cảnh canvas. unconfigure()-
Xóa bất kỳ cấu hình ngữ cảnh nào đã được đặt trước đó, và hủy bất kỳ texture nào được tạo ra khi ngữ cảnh canvas đã được cấu hình.
Ví dụ
const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");
context.configure({
device,
format: navigator.gpu.getPreferredCanvasFormat(),
alphaMode: "premultiplied",
});
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| WebGPU # gpucanvascontext |