Canvas save() 方法
示例
保存绘图上下文的状态（字体、样式、变换等）。绘制不同的内容。然后，恢复状态并继续绘制
// 绘制
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);
自己动手试一试 »
描述
save() 方法会保存绘图上下文的当前状态，包括所有属性
裁剪、变换、方向、填充样式、字体、全局透明度、全局复合模式、图像平滑启用、线帽、线段偏移、线连接、线宽、斜接限制、阴影模糊、阴影颜色、阴影X偏移、阴影Y偏移、描边样式、文本对齐、文本基线。
另请参阅
restore() 方法（恢复上下文状态）
语法
| context.save() |
参数
| 无 |
返回值
| 无 |
浏览器支持
<canvas> 元素是 HTML5 标准（2014）。
save() 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
