save()¶

Метод save() сохраняет состояние канваса и помещает его в стек.

Синтаксис¶

void ctx.save();

Спецификация¶

HTML Living Standard

Пример¶

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

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)

Ссылки¶

Метод save() ^{MDN (рус.)}