HTML canvas restore() 方法

实例

保存绘图上下文的状态（字体、样式、变换等）。绘制不同的内容。然后，恢复状态并继续绘制

// 绘制
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 50, 50);


// 保存状态
ctx.save();


// 绘制新内容
ctx.fillStyle = "red";
ctx.fillRect(100, 10, 50, 50);


// 恢复已保存的状态
ctx.restore();


// 绘制新内容
ctx.fillRect(200, 10, 50, 50);