• JS API 列表
  • 基础
  • TTML
  • 网络
  • 媒体
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • V1
  • tt.createCanvasContext
  • tt.canvasToTempFilePath
  • CanvasContext
  • CanvasGradient
  • CanvasColor
  • V2
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • tt.createCanvasContext
    收藏
    我的收藏

    基础库 1.0.0 开始支持本方法,这是一个同步方法。
    注意:该接口已停止维护,建议使用Canvas 组件 V2
    根据 组件 canvas-id 创建可以控制组件的上下文 CanvasContext 对象。

    语法

    tt.createCanvasContext(canvasId)

    参数说明

    canvasId

    类型
    默认值
    必填
    说明
    最低支持版本
    string
    组件的 canvas-id 属性
    1.0.0

    返回值

    扫码体验

    代码示例

    <button type="primary" size="default" bindtap="draw">开始绘制</button> <canvas canvas-id="myCanvas"></canvas>
    Page({ draw() { const canvasCtx = tt.createCanvasContext("myCanvas"); canvasCtx.setFillStyle("red"); canvasCtx.fillRect(10, 10, 100, 100); canvasCtx.draw(); }, });

    Bug & Tip

    Tip:本 API 仅适用于 组件 V1