Html5 Canvas 예비 연구 노트(5) - 그리기 상태

이전 글에서는 선 너비, 색상 등 몇 가지 그리기 상태 값을 언급했습니다. Html5의 Canvas에서 그리기 상태는 2d 렌더링 세트 전체를 의미합니다. 컨텍스트 모양 그리기 윤곽선 색상, 채우기 색상, 선 너비, 변환 행렬, 클리핑 영역 등을 포함한 속성 앞으로의 글에서는 더 많은 상태 값을 소개하겠습니다. 이번 글에서는 주로 상태 저장과 복원 상태의 예시를 설명하고, 이 스택의 구조에 대해 설명합니다.

먼저 다음 예를 살펴보세요. 🎜>그리기 상태에 액세스하는 간단한 예입니다. 프로세스, 코드는 다음과 같습니다.

상태는

context.save();

문장을 통해 저장됩니다. 현재 상태를 저장하려면 먼저 현재 상태를 스택 상태에 저장합니다.

red

상태를 스택에 저장한 다음

green을 , green할 때 저장합니다. red 위에 있으므로 상태가 복원되면 context.restore();가 상태를 반환합니다. 스택의 맨 위 그림과 같이 에 의해 처음으로 팝업된 것은 녹색이며, 팝업 상태는 더 이상 저장되지 않습니다. 요약하면 저장 및 복원은 push 및 pop 메소드를 스택에 추가합니다. 위 내용은 Html5 Canvas 예비 학습노트(5) - Drawing State 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!