08 - Fun with HTML5 Canvas

개요

 

HTML5 Canvas 기능 맛보기

 

 

내용

 

	#draw 의 # 은 뭘까   - id 일때에는 # 을 쓰자.
	1) hsl 알아보기 - Hue, Saturation, Lightness 이다. - Hue 는 0 to 360 까지의 색깔이다. 빨간색 0, 초록색 120, 파란색 240 이다. - Saturation 은 0%는 그레이, 100% 는 Full color 이다. - Lightness 는 0%는 검정, 100%는 흰색이다.   2) beginPath() 함수 - 새로운 경로를 만든다. - 이후로 이렇게 새로 생성된 경로에 다양한 명령으로 구성하고 만들게 된다.
	EventListener() 4개   - 마우스가 눌려진 경우에만 그려질 수 있도록 해준다. - 처음 시작할때의 좌표를  눌려진 순간의 좌표로 해준다.   - 마우스가 움직이는 동안에는 계속 draw() 함수가 실행된다. - 물론 isDrawing == true 일때만 그림이 그려진다. - mouseup, mouseout (= 마우스가 창밖으로 나갈 경우) 에는 그만 그린다.

 

동작코드는 따로 볼 필요는 없을듯하다.

동영상에 잘 설명되어 있음