CanvasRenderingContext2D.save()

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

Синтаксис:

ctx.save();

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

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

save()

- матрицю перетворення.
- значення властивостей: strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor,globalCompositeOperation, font, textAlign, textBaseline, direction, imageSmoothingEnabled.

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

Приклад:

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