const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
// ctx.save();
// fillRect(x, y, width, height)
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);
// Restore the default state
ctx.save();
ctx.fillStyle = "black";
ctx.fillRect(150, 40, 100, 100);
ctx.save();
ctx.restore();
ctx.fillRect(150, 90, 100, 100);
/**
* 1. 画绿色方框
* 2. 保存
* 3. 画黑色方框
* 4. 保存
* 5. 回退
*/
<canvas id="canvas"></canvas>