canvasrenderingcontext2d.save()
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
保存当前绘图上下文。
内部会将上下文状态放入栈中,因而支持多次保存,使用 canvasrenderingcontext2d.restore
依次出栈和恢复。
效果示例
代码示例
效果示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
// 保存当前绘图上下文
ctx.fillstyle = 'red'
ctx.save()
ctx.fillstyle = 'green'
ctx.fillrect(10, 10, 100, 100)
// 恢复绘图上下文。fillstyle 将变为保存的绘图上下文中的红色
ctx.restore()
ctx.fillrect(150, 40, 100, 100)
})
}
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>