23_09_27 JS공부정리

https://www.youtube.com/watch?v=DAD8p392JQw&embeds_referring_euri=https%3A%2F%2Fnomadcoders.co%2F&embeds_referring_origin=https%3A%2F%2Fnomadcoders.co&source_ve_path=OTY3MTQ&feature=emb_imp_woyt 

[노마드코더] 1.1강 ~

 

-canvas객체 안의 getContext를 이용하면 '붓'을 생성할 수 있다(그림을 그릴 준비)

const canvas = document.querySelector("canvas");

const ctx = canvas.getContext("2d")

canvas.width = 800;

canvas.height = 800;

ctx.fillRect(50, 50, 100, 200); //50,50좌표에서 width : 100, height 200인 사각형을 그림

.fillRect(50,50,100,200)

.strokeRect(50,50,100,200)

-다음과같이 또 작성가능

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

ctx.stroke();

ctx.fill();