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);
亲自试一试 »
描述
restore() 方法恢复已保存的绘图上下文的状态:
clipping, transformation, direction, fillStyle, font, globalAlpha, globalCompositeOperation, imageSmoothingEnabled, lineCap, lineDashOffset, lineJoin, lineWidth, miterLimit,shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, strokeStyle, textAlign, and textBaseline.
另请参阅:
save() 方法(保存上下文状态)
语法
| context.restore() |
参数
| NONE |
返回值
| NONE |
浏览器支持
<canvas> 元素是 HTML5 标准(2014)。
restore() 在所有现代浏览器中均受支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Canvas 画布参考
