자바스크립트 canvas

자바스크립트 캔버스는 HTML 요소중에 하나로써 자바스크립트를 이용해 그림을 그리는데 사용됩니다.

<canvas> <canvas>

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");

canvas.width = 800;
canvas.height = 800;


ctx.fillRect(50,50,100,100);

ctx.fillRect

ctx.fillRect 함수는 정사각형, 직사각형과 같은 도형을 만드는데 유용합니다.
( x 축, y축, 가로, 세로) 를 설정 합니다. x 축 과 y축의 시작점은 캔버스의 맨 왼쪽끝점에서 부터 시작 합니다.