CanvasRenderingContext2D: canvas プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

CanvasRenderingContext2D.canvas はキャンバス API の一部で、このコンテキストに関連付けられた HTMLCanvasElement オブジェクトへの読み取り専用の参照です。 <canvas> に関連づけられていない場合は null になることがあります。

値

HTMLCanvasElement オブジェクトです。

例

この <canvas> 要素があるとします。

html

<canvas id="canvas"></canvas>

CanvasRenderingContext2D の中にある canvas 要素への参照は、 canvas プロパティから取得することができます。

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.canvas; // HTMLCanvasElement

仕様書

仕様書
HTML # dom-context-2d-canvas-dev

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年2月11日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

CanvasRenderingContext2D: canvas プロパティ

値

例

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力