CanvasRenderingContext2D: canvas property

{{APIRef("Canvas API")}}

The CanvasRenderingContext2D.canvas property, part of the Canvas API, is a read-only reference to the {{domxref("HTMLCanvasElement")}} object that is associated with a given context. It might be null if there is no associated {{HTMLElement("canvas")}} element.

Value

A {{domxref("HTMLCanvasElement")}} object.

Examples

Given this {{HTMLElement("canvas")}} element:

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

… you can get a reference to the canvas element within the CanvasRenderingContext2D by using the canvas property:

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("CanvasRenderingContext2D")}} interface
• Canvas API