😺 Study/JavaScript, jQuery
[JavaScript] 자바스크립트 - 방향키로 도형 움직이기
HTML width와 height 속성을 통해 생성할 도형의 크기를 설정 Welcome to JS_Drawing Zone :) 방향키로 도형을 움직여보세요! JavaScript 변수 설정 // canvas에 그림을 그리려면 먼저 context를 가져와야 함 // context에 대한 참조는 getContext() 메서드에 context 이름을 넘김 // 좌표는 canvas 요소 왼쪽 위에서 시작하며, 이 지점을 (0, 0)으로 간주 // x는 오른쪽, y는 아래쪽으로 픽셀 단위로 증가 let canvas = document.getElementById("canvas"); let ctx = canvas.getContext("2d"); // canvas 가로 및 세로의 반값 > 150 let x = canva..
2021. 8. 17.
