WebGLRenderingContext: свойство canvas
Базовая реализация Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Примечание: Эта функция доступна в рабочих потоках.
Свойство WebGLRenderingContext.canvas — это только для чтения ссылка на объект HTMLCanvasElement или OffscreenCanvas, связанный с контекстом. Оно может быть null, если оно не связано с элементом <canvas> или объектом OffscreenCanvas.
Синтаксис
gl.canvas
Возвращаемое значение
Объект HTMLCanvasElement или OffscreenCanvas, или null.
Примеры
Элемент canvas
Учитывая этот элемент <canvas>:
<canvas id="canvas"></canvas>
Вы можете получить ссылку на него из WebGLRenderingContext с помощью свойства canvas:
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.canvas; // HTMLCanvasElement
Экранный холст
Пример использования экспериментального объекта OffscreenCanvas.
const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");
gl.canvas; // OffscreenCanvas
Спецификации
Совместимость браузеров
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
canvas |
9 | 12 | 4 | 12 | 5.1 | 25 | 4 | 12 | 8 | 1.5 | 4.4.3 |
См. также
© 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/WebGLRenderingContext/canvas