Метод save

Сохраняет (помещает в стек) состояние канвы. При этом сохраняются:

примененные трансформации;
значения свойств: strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor, globalCompositeOperation
контуры отсечения.

Синтаксис

save()

Применяется в паре с методом restore().

Пример

ctx.fillStyle = "red";
ctx.save();
ctx.fillRect(50,50,30,20);
	
ctx.fillStyle = "green";
ctx.save();
ctx.fillRect(80,50,30,20);
	
ctx.fillStyle = "blue";
ctx.fillRect(110,50,30,20);
	
ctx.restore();
ctx.fillRect(140,50,30,20);
	
ctx.restore();
ctx.fillRect(170,50,30,20);

В живую.

Теги: HTML5, Canvas 2D API, Canvas

Показать комментарии