Canvas state stack

save와 restore는 그리기 설정의 범위를 정한다

색상, 선 두께, 좌표 변환을 바꾸기 전에 상태를 저장하고, 해당 그림을 마친 뒤 바로 되돌리면 다음 도형이 이전 설정에 영향을 받지 않습니다.

그리기 단위별 상태 흐름

기본 상태

전역 색상과 선 스타일을 기준값으로 둡니다.

ctx.save()

현재 설정을 스택의 새 층으로 보관합니다.

변경 후 그리기

색상, 회전, 이동을 필요한 도형에만 적용합니다.

ctx.restore()

직전 상태로 돌아가 다음 도형을 깨끗하게 시작합니다.

회전된 파란 도형 설정
빨간 사각형 설정
기본 캔버스 설정

스택은 위에서부터 꺼냅니다. `restore()`를 한 번 호출하면 가장 최근에 저장한 설정만 복원되고, 그보다 이전 설정은 다음 호출까지 유지됩니다.