其他

setGlobalAlpha

设置全局画笔透明度。

参数(表8-94): 表8-94

参数 类型 范围 说明
alpha Number 0~1 透明度,0 表示完全透明,1 表示完全不透明

save

保存当前的绘图上下文。

restore

恢复之前保存的绘图上下文。

save和restore方法必须是配对使用的,restore方法前必须有save方法。restore方法的调用只影响restore之后绘制的内容,对restore之前已经绘制到屏幕上的图形不会产生任何影响。

示例代码:

Page({
  onLoad: function () {
    const ctx = wx.createCanvasContext('myCanvas')
    //先保存了原始的画布状态
    ctx.save()
    ctx.strokeRect(100, 10, 150, 100)
    ctx.rotate(20 * Math.PI / 180)
    ctx.strokeRect(100, 10, 150, 100)
    ctx.rotate(20 * Math.PI / 180)
    //画布旋转了两次,但调用restore后会恢复save时的状态,即原始状态
    ctx.restore()
    ctx.setStrokeStyle('red')
    ctx.strokeRect(100, 10, 150, 100)

    ctx.draw()
  },
})

运行结果如图8-32: 图8-32 save/restore示例图

draw

将之前在绘图上下文中的描述(路径、变形、样式)画到canvas中。绘图上下文需要由wx.createCanvasContext(canvasId)来创建。

参数(表8-95): 表8-95

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

getActions (不推荐使用)

返回绘图上下文的绘图动作。

clearActions (不推荐使用)

清空绘图上下文的绘图动作。

最后这两个方法主要配合drawCanvas使用,官方不推荐使用这种方法使用画布组件。

results matching ""

    No results matching ""