> 웹 프론트엔드 > H5 튜토리얼 > Html5 Canvas 예비 연구 노트(5) - 그리기 상태

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

黄舟
풀어 주다: 2017-02-28 15:33:03
원래의
1257명이 탐색했습니다.

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

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


상태는

context.save();

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

red

상태를 스택에 저장한 다음

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿