此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

CanvasRenderingContext2D:canvas 属性

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

Canvas APICanvasRenderingContext2D.canvas 属性是对与给定上下文关联的 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

规范

规范
HTML
# dom-context-2d-canvas-dev

浏览器兼容性

参见