CanvasRenderingContext2D.save() - зберігає поточний стан полотна.
ctx.save();
ctx - об'єкт CanvasRenderingContext2D.
save() метод об'єкту CanvasRenderingContext2D який зберігає поточний стан полотна.
Для відновлення стану полотна використовуйте метод 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);