# 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 |