阅读(710) 书签赞(0) 我要纠错

CanvasContext.draw

2020-08-26 16:38 更新

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

方法参数

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

示例

图片示例

代码示例 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	解析失败，请检查参数是否正确。

以上内容是否对您有帮助：

写笔记

我要补充