도화지 태그가 html에서의 canvas.그 도화지에 그림을 그리는게 js의 각종 메소드들.Canvas도화지 태그.... canvas와 JS를 연결하여 닷(dot;.)메소드로 그린다.JS로 그리기일단 무조건 context 객체로 받아서 사용한다.var canvas = document.getElementById("myCanvas");var context = canvas.getContext("2d"); 그 다음에 사각형을 그리든, 배경을 넣든 하는 것이다. 색 꽉 채운 사각형 그리기context.fillStyle = "#00FF00"; // fill 스타일 지정 후context.fillRect(0, 0, 100, 50); // fill...(여기서는 fillRect) 사용직선 그리기context.beginP..