普通小游戏开发
API
开放能力
数据分析
视频拍摄器
多端支持

Canvas.getContext

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

语法

Canvas.getContext(string contextType)

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

参数说明

contentType 为 string 类型,取值如下:

说明
2d2d 绘图上下文
webglwebgl 绘图上下文

返回值

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

暂时不支持的特性
CanvasRenderingContext2D.clip
CanvasRenderingContext2D.lineDashOffset
CanvasRenderingContext2D.isPointInPath
CanvasRenderingContext2D.isPointInStroke

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

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

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

Bug & Tip

点击纠错
评价此篇文档