Page({
    onLoad() {
        const canvasContext = xhs.createCanvasContext('myCanvas');
        // 保存默认填图样式
        canvasContext.setFillStyle('red');
        canvasContext.save();
        canvasContext.setFillStyle('blue');
        canvasContext.fillRect(10, 10, 150, 100);

        // 恢复之前保存的状态
        canvasContext.restore();
        canvasContext.fillRect(50, 50, 150, 100);
        
        canvasContext.draw();
    }
});

Page({
    onLoad() {
        const ctx = xhs.createCanvasContext('myCanvas');
        ctx.setFillStyle('blue');
        ctx.fillRect(0,0,15,15);
        //保存上述设置的绘制状态
        ctx.save(); 
    
        //重新定义新的绘制状态，并绘制矩形
        ctx.setFillStyle('#E0E4CD');
        ctx.setShadow(10, 10, 4, 'red');
        ctx.fillRect(30,0,30,30);
    
        // 恢复到初始的绘制状态绘制圆形，与save()之前画的图保持一致
        ctx.restore();
        ctx.beginPath();
        ctx.arc(100, 75, 8, 0, Math.PI*2, true);
        ctx.closePath();
        ctx.fill();
        ctx.draw()
    }
});