네모1 Canvas 위에 네모 그리는 방법 HTML의 canvas 태그를 사용해서 웹사이트에 네모를 그리는 방법에 대해서 알아보겠습니다. Index.html 파일을 다음과 같이 작성합니다. body 태그 안에 canvas 태그를 넣어주고 수정할 CSS 파일과 JS 파일을 head 태그 안에 작성해 줍니다. style.css 파일을 다음과 같이 작성해서 canvas에 배경색을 넣어줍니다. 너비와 높이 따로 지정을 하지 않아도 표시가 됩니다. 기본값은 가로 150 그리고 세모 100입니다. nemo.js 파일을 다음과 같이 작성해서 네모를 그려줍니다. const canvas = document.querySelector('canvas') const ctx = canvas.getContext('2d') ctx.fillRect(10, 10, 50, 50).. 2023. 6. 9. 이전 1 다음