CanvasRenderingContext2D.save()

CanvasRenderingContext2D.save() - метод Canvas 2D API. Сохраняет все состояния и добавляет текущее состояние в стек.

Состояние чертежа, которое сохраняется в стеке, состоит из:

• Текущая матрица преобразования.
• Текущая область отсечения.
• The current dash list.
• Текущие значения следующих атрибутов: strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shadowOffsetX (en-US), shadowOffsetY (en-US), shadowBlur (en-US), shadowColor (en-US), globalCompositeOperation (en-US), font, textAlign, textBaseline, direction (en-US), imageSmoothingEnabled (en-US).

void ctx.save();

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

HTML

<canvas id="canvas"></canvas>

JavaScript

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

// Сохранение состояния по умолчанию
ctx.save();

ctx.fillStyle = 'green';
ctx.fillRect(10, 10, 100, 100);

// Восстановление состояния по умолчанию
ctx.restore();

ctx.fillRect(150, 40, 100, 100);

Результат

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