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 Zeichenstatus-Stack entfernt wird. Wenn kein gespeicherter Zustand vorhanden ist, tut diese Methode nichts.
Weitere Informationen zum Zeichenstatus finden Sie unter CanvasRenderingContext2D.save().
Syntax
restore()
Parameter
Keine.
Rückgabewert
Keiner (undefined).
Beispiele
Wiederherstellen eines gespeicherten Zustands
In diesem Beispiel wird die save() Methode verwendet, um den aktuellen Zustand zu speichern und restore(), um ihn später wiederherzustellen, sodass Sie später mit dem aktuellen Zustand ein Rechteck zeichnen können.
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
Siehe auch
- Das Interface, das diese Methode definiert:
CanvasRenderingContext2D CanvasRenderingContext2D.save()