WebGLRenderingContext: canvas プロパティ
WebGLRenderingContext.canvas
プロパティは、コンテキストに関連付けられた HTMLCanvasElement
または OffscreenCanvas
(en-US) オブジェクトへの読み取り専用の参照です。また、 <canvas>
要素や OffscreenCanvas
(en-US) オブジェクトに関連付けられていない場合、 null
になる可能性があります。
構文
js
gl.canvas
返値
HTMLCanvasElement
または OffscreenCanvas
(en-US) オブジェクトか、 null
のいずれか。
例
canvas 要素
この <canvas>
要素があるとします。
html
<canvas id="canvas"></canvas>
WebGLRenderingContext
から canvas
プロパティを使用して、参照を取得することができます。
js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
gl.canvas; // HTMLCanvasElement
オフスクリーンキャンバス
実験的な OffscreenCanvas
(en-US) オブジェクトを使用した例です。
js
const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");
gl.canvas; // OffscreenCanvas
仕様書
Specification |
---|
WebGL Specification # DOM-WebGLRenderingContext-canvas |
ブラウザーの互換性
BCD tables only load in the browser