GPUCanvasContext

Ограниченная доступность

Эта функция не является базовой, так как она не работает во всех широко используемых браузерах.

Экспериментальная: Это экспериментальная технология
Перед использованием в производстве внимательно проверьте таблицу совместимости с браузерами.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или во всех поддерживающих браузерах.

Примечание: Эта функция доступна в Web Workers.

Интерфейс GPUCanvasContext API WebGPU представляет собой контекст рендеринга WebGPU для элемента <canvas>, возвращаемый с помощью вызова HTMLCanvasElement.getContext() с типом contextType "webgpu".

Свойства экземпляра

canvas Экспериментально Только для чтения: Возвращает ссылку на холст, из которого был создан контекст.

Методы экземпляра

configure() Экспериментально: Настраивает контекст для рендеринга с заданным GPUDevice и очищает холст до прозрачного черного.
getConfiguration() Экспериментально: Возвращает текущую конфигурацию, установленную для контекста.
getCurrentTexture() Экспериментально: Возвращает следующий GPUTexture, который будет наложен на документ контекстом холста.
unconfigure() Экспериментально: Удаляет любую ранее установленную конфигурацию контекста и уничтожает все текстуры, созданные в то время, когда был настроен контекст холста.

Примеры

const canvas = document.querySelector("#gpuCanvas");
const context = canvas.getContext("webgpu");

context.configure({
  device: device,
  format: navigator.gpu.getPreferredCanvasFormat(),
  alphaMode: "premultiplied",
});

Спецификации

Спецификация
WebGPU # gpucanvascontext

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`GPUCanvasContext`	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью В настоящее время поддерживается только на Linux и Windows.	99 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью	121	Нет	81	Нет	25.0	121
`canvas`	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью В настоящее время поддерживается только на Linux и Windows.	99 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью	121	Нет	81	Нет	25.0	121
`configure`	113 ["В настоящее время поддерживается только на ChromeOS, macOS и Windows.", "Формат `rgba8unorm` в настоящее время не поддерживается на macOS. См. баг 40823053."]	113 ["В настоящее время поддерживается только на ChromeOS, macOS и Windows.", "Формат `rgba8unorm` в настоящее время не поддерживается на macOS. См. баг 40823053."]	превью В настоящее время поддерживается только на Linux и Windows.	99 ["В настоящее время поддерживается только на ChromeOS, macOS и Windows.", "Формат `rgba8unorm` в настоящее время не поддерживается на macOS. См. баг 40823053."]	превью	121	Нет	81	Нет	25.0	121
`getConfiguration`	131 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	131 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	Нет	116 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	Нет	131 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	Нет	Нет	Нет	Нет	131 В настоящее время поддерживается только на ChromeOS, macOS и Windows.
`getCurrentTexture`	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью В настоящее время поддерживается только на Linux и Windows.	99 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью	121	Нет	81	Нет	25.0	121
`unconfigure`	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	113 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью В настоящее время поддерживается только на Linux и Windows.	99 В настоящее время поддерживается только на ChromeOS, macOS и Windows.	превью	121	Нет	81	Нет	25.0	121

См. также

API WebGPU

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/GPUCanvasContext