CanvasRenderingContext2D: restore()-Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die
CanvasRenderingContext2D.restore()
-Methode der Canvas 2D API stellt den zuletzt gespeicherten Canvas-Zustand wieder her, indem der oberste Eintrag im Zeichnungszustands-Stack entfernt wird. Wenn kein gespeicherter Zustand vorhanden ist, macht diese Methode nichts.
Für weitere Informationen über den Zeichnungszustand lesen Sie CanvasRenderingContext2D.save()
.
Syntax
restore()
Parameter
Keine.
Rückgabewert
Keine (undefined
).
Beispiele
>Wiederherstellen eines gespeicherten Zustandes
Dieses Beispiel verwendet die save()
-Methode, um den aktuellen Zustand zu speichern, und restore()
, um ihn später wiederherzustellen, so dass Sie in der Lage sind, ein Rechteck mit dem aktuellen Zustand später zu zeichnen.
HTML
<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);
Ergebnis
Spezifikationen
Specification |
---|
HTML> # dom-context-2d-restore-dev> |
Browser-Kompatibilität
Loading…
Siehe auch
- Die Schnittstelle, die diese Methode definiert:
CanvasRenderingContext2D
CanvasRenderingContext2D.save()