CanvasRenderingContext2D: canvas プロパティ
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
CanvasRenderingContext2D.canvas はキャンバス API の一部で、このコンテキストに関連付けられた HTMLCanvasElement オブジェクトへの読み取り専用の参照です。
<canvas> に関連づけられていない場合は null になることがあります。
値
HTMLCanvasElement オブジェクトです。
例
この <canvas> 要素があるとします。
html
<canvas id="canvas"></canvas>
CanvasRenderingContext2D の中にある canvas 要素への参照は、 canvas プロパティから取得することができます。
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.canvas; // HTMLCanvasElement
仕様書
| Specification |
|---|
| HTML # dom-context-2d-canvas-dev |
ブラウザーの互換性
関連情報
CanvasRenderingContext2Dインターフェイス- キャンバス API