# createCanvasContext
创建并返回对应 canvasId 的绘图上下文
# 支持说明
| 应用能力 | Android | iOS | PC | 预览效果 |
|---|---|---|---|---|
| 小程序 | 3.0.0 | 3.0.0 | 3.2.0 | 扫码预览 用BoosHi扫码或PC端点击 |
| 网页应用 | X | X | X | / |
# 输入
| 名称 | 数据类型 | 必填 | 默认值 | 描述 |
|---|---|---|---|---|
| canvasId | string | 是 | 需要操纵的 Canvas 组件上的 canvas-id 的值 |
# 输出
返回值:CanvasContext,该对象的属性与方法列表参见下表:
提示
查看对应API的支持说明、调用方法,请前往 CanvasContext 对象 查看
# 绘制
| 名称 | 数据类型 | 描述 |
|---|---|---|
| draw | function | 将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中 |
# Canvas 状态
| 名称 | 数据类型 | 描述 |
|---|---|---|
| save | function | 保存绘图上下文 |
| restore | function | 恢复之前保存的绘图上下文 |
# 线样式
| 名称 | 数据类型 | 描述 |
|---|---|---|
| setLineWidth | function | 设置线条的宽度 |
| lineWidth | number | 线条的宽度。用法同 CanvasContext.setLineWidth() |
| setLineCap | function | 设置线条的端点样式 |
| lineCap | number | 线条的端点样式。用法同 CanvasContext.setLineCap() |
| setLineJoin | function | 设置线条的交点样式 |
| lineJoin | string |