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);
自己试试 »
描述
The restore() 方法恢复保存的绘制上下文的狀態
裁剪，变换，方向，fillStyle，字体，globalAlpha，globalCompositeOperation，imageSmoothingEnabled，lineCap，lineDashOffset，lineJoin，lineWidth，miterLimit，shadowBlur，shadowColor，shadowOffsetX，shadowOffsetY，strokeStyle，textAlign，和 textBaseline。
另请参阅
The save() 方法 (保存上下文状态)
语法
| context.restore() |
参数
| 无 |
返回值
| 无 |
浏览器支持
The <canvas> 元素是 HTML5 标准 (2014)。
restore() 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
