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、字体、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 参考
