Canvas.getContext
收藏我的收藏
收藏基础库 1.31.0 开始支持本方法，这是一个同步方法。
获取画布对象的绘图上下文。
| 前提条件 | 无 |
| 业务背景 | 无 |
| 使用限制 | 无 |
| 注意事项 | 无 |
| 相关教程 | 无 |
语法
Canvas.getContext(contextType)
参数说明
contextType
| 类型 | 默认值 | 必填 | 说明 | 最低支 持版本 |
|---|---|---|---|---|
| enum | 是 | 上下文类型 | 1.31.0 |
contextType 的合法值
| 值 | 说明 | 最低支持版本 |
|---|---|---|
| 2d | 2d 绘图上下文 | 1.31.0 |
| webgl | webgl 绘图上下文 | 1.31.0 |
返回值
| 类型 | 说明 | 最低支持版本 |
|---|---|---|
| object | Canvas 上下文对象 | 1.31.0 |
Context 参数说明
当参数为 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);
