WebGLRenderingContext: canvas プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
WebGLRenderingContext.canvas プロパティは、コンテキストに関連付けられた HTMLCanvasElement または OffscreenCanvas オブジェクトへの読み取り専用の参照です。また、 <canvas> 要素や OffscreenCanvas オブジェクトに関連付けられていない場合、 null になる可能性があります。
構文
js
gl.canvas
返値
HTMLCanvasElement または OffscreenCanvas オブジェクトか、 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 オブジェクトを使用した例です。
js
const offscreen = new OffscreenCanvas(256, 256);
const gl = offscreen.getContext("webgl");
gl.canvas; // OffscreenCanvas
仕様書
| 仕様書 |
|---|
| WebGL Specification # DOM-WebGLRenderingContext-canvas |