Canvas.getContext
收藏
我的收藏

获取画布对象的绘图上下文。

语法

js复制
Canvas.getContext(string contextType)

获取画布对象的绘图上下文

参数说明

contentType 为 string 类型，取值如下：

值	说明
2d	2d 绘图上下文
webgl	webgl 绘图上下文

返回值

当参数为 2d 时，返回值 CanvasRenderingContext2D 实现了 HTML Canvas 2D Context 定义的大部分属性、方法，暂不支持的特性如下：

暂时不支持的特性

CanvasRenderingContext2D.clip

CanvasRenderingContext2D.lineDashOffset

CanvasRenderingContext2D.isPointInPath

CanvasRenderingContext2D.isPointInStroke

当参数为 webgl 时，返回值 WebGLRenderingContext 实现了 WebGL 1.0 定义的所有属性、方法、常量。

扫码体验

代码示例

开发者工具中预览

js复制
// 获取2d上下文，绘制一个黑色的矩形
const canvas = tt.createCanvas();
let CanvasRenderingContext2D = canvas.getContext("2d");
CanvasRenderingContext2D.fillStyle = "black";
CanvasRenderingContext2D.fillRect(0, 0, canvas.width, canvas.height);