CanvasRenderingContext2D.restore()
Метод CanvasRenderingContext2D.restore()
восстанавливает предварительно сохранённое состояние канваса из стека. Если состояние ранее не сохранялось, то метод ничего не делает.
Fore more information about the drawing state, see CanvasRenderingContext2D.save()
.
Синтаксис
void ctx.restore();
Пример
Restoring a saved state
This example uses the save()
method to save the default state and restore()
to restore it later, so that you are able to draw a rect with the default state later.
HTML
html
<canvas id="canvas"></canvas>
JavaScript
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
// Save the default state
ctx.save();
ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);
// Restore the default state
ctx.restore();
ctx.fillRect(150, 40, 100, 100);
Результат
Спецификации
Specification |
---|
HTML Standard # dom-context-2d-restore-dev |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- The interface defining this method:
CanvasRenderingContext2D
CanvasRenderingContext2D.save()