[JavaScript] 자바스크립트에서 캔버스 요소 색칠하기/선 그리기

204_자바스크립트에서 캔버스 요소 색칠하기/선 그리기 [적용] 캔버스에 도형을 생성하고 싶을 때 [문법1] 메소드 의미 반환 context.fillStyle 색상과 스타일 문자열 [문법2] 메소드 의미 반환 context.strokeRect(x, y, 폭, 높이) 직사각형 영역 경계 그리기 없음 context.fillRect(x, y, 폭, 높이) 직사각형 영역 색칠하기 없음 [내용] 색칠되는 부분은 도형을 둘러싼 영역이다. fillStyle 속성으로 색상을 지정하고 fillRect()로 색이 들어간 직사각형을 생성한다. fillRect()를 실행하기 전 fillStyle 속성의 설정이 먼저 필요하므로 순서에 주의하자. HTML index.html JavaScript main.js // 캔버스 요소 참..

2022.07.27