1. 그림 그릴 영역 준비 : 그래픽이 그려질 영영(container)-id, height, width : 크기의 단위 pixel수 % 안먹힘 2. 그림그릴 준비var wpcanvas=document.getElementById("cvs");var wpcontext=wpcanvas.getContext("2d"); -getContext : 2차원의 다양한 도형을 그릴 수 있는 메소드들을 ㄱ자ㅣㄴ context object를 get 3. 사각형 그리기 wpcontext.fillRect(20,20,100,100); // 사각형 그리기wpcontext.strokeRect(20,160,100,100); // 테두리 있는 사각형 그리기wpcontext.fillRect(160,20,100,100);wpcontext.c..