CanvasContext.draw

解释:将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中。

# 方法参数

参数名 属性 必填 默认值 说明
reserve Boolean false 本次绘制是否接着上一次绘制,即 reserve 参数为 false,则在本次调用 drawCanvas 绘制之前 native 层应先清空画布再继续绘制;若 reserver 参数为 true,则保留当前画布上的内容,本次调用 drawCanvas 绘制的内容覆盖在上面。
callback Functio 绘制完成后回调

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

图片

# 代码示例 1: reserve 为 false

    <canvas canvas-id="myCanvas" class="myCanvas" />
    
    Page({
        onLoad() {
            const canvasContext = swan.createCanvasContext('myCanvas');
            canvasContext.setFillStyle('blue');
            canvasContext.fillRect(10, 10, 150, 100);
            canvasContext.draw();
            canvasContext.fillRect(30, 30, 150, 100);
            canvasContext.draw();
        }
    });
    

    # 图片示例

    # 代码示例 2: reserve 为 true

      <canvas canvas-id="myCanvas" class="myCanvas" />
      
      Page({
          onLoad() {
              const canvasContext = swan.createCanvasContext('myCanvas');
              canvasContext.setFillStyle('blue');
              canvasContext.fillRect(10, 10, 150, 100);
              canvasContext.draw();
              canvasContext.setFillStyle('red');
              canvasContext.fillRect(30, 30, 150, 100);
              canvasContext.draw(true);
          }
      });
      

      # 错误码

      # Android

      错误码 说明
      201 解析失败,请检查调起协议是否合法

      # iOS

      错误码 说明
      202 解析失败,请检查参数是否正确