微信小程序开发文档 微信小程序API 绘图·draw(进行绘图)

2024-02-25 开发教程 微信小程序开发文档 匿名 4

canvasContext.draw


定义

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

Tip: 绘图上下文需要由wx.createCanvasContext(canvasId)来创建。

参数

参数类型说明最低版本
reserveBoolean非必填。本次绘制是否接着上一次绘制,即reserve参数为false,则在本次调用drawCanvas绘制之前native层应先清空画布再继续绘制;若reserver参数为true,则保留当前画布上的内容,本次调用drawCanvas绘制的内容覆盖在上面,默认 false
callbackFunction绘制完成后回调1.7.0

例子

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw()

例子

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 100)
ctx.draw()
ctx.fillRect(50, 50, 150, 100)
ctx.draw(true)