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() 方法保存绘图上下文及其所有属性的状态
裁剪、转换、方向、fillStyle、font、globalAlpha、globalCompositeOperation、imageSmoothingEnabled、lineCap、lineDashOffset、lineJoin、lineWidth、miterLimit、shadowBlur、shadowColor、shadowOffsetX、shadowOffsetY、strokeStyle、textAlign 和 textBaseline。
另请参阅
restore() 方法（恢复上下文状态）
语法
| context.save() |
参数
| 无 |
返回值
| 无 |
浏览器支持
<canvas> 元素是 HTML5 标准 (2014)。
save() 在所有现代浏览器中都受支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
