Baseline Widely available
The CanvasRenderingContext2D.save()
method of the Canvas 2D API saves the entire state of the canvas by pushing the current state onto a stack.
None.
Return valueNone (undefined
).
This example uses the save()
method to save the current state and restore()
to restore it later, so that you are able to draw a rect with the current state later.
<canvas id="canvas"></canvas>
JavaScript
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
// Save the current state
ctx.save();
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);
// Restore to the state saved by the most recent call to save()
ctx.restore();
ctx.fillRect(150, 40, 100, 100);
Result Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3