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() 方法會恢復已儲存的繪圖上下文的狀態
裁剪、變換、方向、填充樣式、字型、全域性透明度、全域性複合模式、影像平滑啟用、線帽、線段偏移、線連線、線寬、斜接限制、陰影模糊、陰影顏色、陰影X偏移、陰影Y偏移、描邊樣式、文字對齊、文字基線。
另請參閱
save() 方法（儲存上下文狀態）
語法
| context.restore() |
引數
| 無 |
返回值
| 無 |
瀏覽器支援
<canvas> 元素是 HTML5 標準（2014）。
所有現代瀏覽器都支援restore()
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 參考
