CanvasRenderingContext2D.restore()
Метод CanvasRenderingContext2D.restore()
восстанавливает предварительно сохранённое состояние канваса из стека. Если состояние ранее не сохранялось, то метод ничего не делает.
Fore more information about the drawing state (en-US), 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
<canvas id="canvas"></canvas>
JavaScript
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()