CanvasRenderingContext2D.save()

CanvasRenderingContext2D.save() - зберігає поточний стан полотна.

Синтаксис:

ctx.save();

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

save() метод об'єкту CanvasRenderingContext2D який зберігає поточний стан полотна.

Для відновлення стану полотна використовуйте метод restore().

Приклад:

Ваш браузер не підтримує canvas. var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle="red"; ctx.save(); ctx.fillStyle="#459801"; ctx.fillRect(0,0, 55, 55); ctx.restore(); ctx.fillRect(55, 55, 100, 100); var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.strokeStyle="blue"; ctx.font="19px Arial"; ctx.save(); ctx.strokeStyle="#459801"; ctx.font="28px Serif"; ctx.strokeText("JavaScript", 0,18); ctx.restore(); ctx.strokeText("JavaScript", 0, 32);