CanvasContext.draw

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

方法参数

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

示例

扫码体验

CanvasContext.draw - 图1请使用百度APP扫码

图片示例

图片

代码示例1 - reserve为false ：

在开发者工具中预览效果

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.setFillStyle('blue');
  3. canvasContext.fillRect(10, 10, 150, 100);
  4. canvasContext.draw();
  5. canvasContext.setFillStyle('red');
  6. canvasContext.fillRect(30, 30, 150, 100);
  7. canvasContext.draw();

图片示例

CanvasContext.draw - 图3

CanvasContext.draw - 图4

CanvasContext.draw - 图5

代码示例2 - reserve为true ：

在开发者工具中预览效果

  1. Page({
  2.     onReady: function () {
  3.         const canvasContext = swan.createCanvasContext('myCanvas');
  4.         canvasContext.setFillStyle('blue');
  5.         canvasContext.fillRect(10, 10, 150, 100);
  6.         canvasContext.draw();
  7.         canvasContext.setFillStyle('red');
  8.         canvasContext.fillRect(30, 30, 150, 100);
  9.         canvasContext.draw(true);
  10.     }
  11. });

错误码

Android

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

iOS

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