CanvasContext.draw

2020-08-26 16:38 更新

解釋:將之前在繪圖上下文中的描述(路徑、變形、樣式)畫(huà)到 canvas 中。

方法參數(shù)

參數(shù)名屬性必填默認(rèn)值說(shuō)明

reserve

Boolean

false

本次繪制是否接著上一次繪制,即 reserve 參數(shù)為 false ,則在本次調(diào)用 drawCanvas 繪制之前 native 層應(yīng)先清空畫(huà)布再繼續(xù)繪制;若 reserver 參數(shù)為 true ,則保留當(dāng)前畫(huà)布上的內(nèi)容,本次調(diào)用 drawCanvas 繪制的內(nèi)容覆蓋在上面。

callback

Function

繪制完成后回調(diào)

示例


圖片示例

圖片

代碼示例 1:reserve 為 false 

在開(kāi)發(fā)者工具中打開(kāi)

<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 

在開(kāi)發(fā)者工具中打開(kāi)

<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);
    }
});

錯(cuò)誤碼

Android

錯(cuò)誤碼說(shuō)明

201

解析失敗,請(qǐng)檢查調(diào)起協(xié)議是否合法。

iOS

錯(cuò)誤碼說(shuō)明

202

解析失敗,請(qǐng)檢查參數(shù)是否正確。



以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)