CanvasRenderingContext2D: метод restore()

Метод CanvasRenderingContext2D.restore() API Canvas 2D восстанавливает последнее сохранённое состояние холста, извлекая верхнюю запись из стека состояния отрисовки. Если сохранённого состояния нет, метод ничего не делает.

Дополнительную информацию о состоянии отрисовки см. состоянии отрисовки, а также в CanvasRenderingContext2D.save().

Нет.

Нет (undefined).

В этом примере используется метод save() для сохранения текущего состояния и метод restore() для его восстановления позже, чтобы вы могли нарисовать прямоугольник с помощью сохранённого состояния.

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);

Результат

• Интерфейс, определяющий этот метод: CanvasRenderingContext2D
• CanvasRenderingContext2D.save()