목록Canvas (1)

nika-blog

Canvas

이번 포스팅에서는 Canvas에 대해서 대략적인 내용을 공부하고 이를 통해 사각형을 만들어 볼 예정입니다. canvas란? HTML 의 태그로, JS를 이용해서 다양한 그래픽 요소를 만들 수 있다. 사용법? 1. DOM 조작이 필요함으로 id 작성이 필요하다. 2. 크기와 높이 설정 -> 설정하지 않으면 기본 300px*150px 태그 속성 이용 (픽셀만 가능) DOM 설정 (유동적 값 가능) canvas.width = 50vw; canvas.height = 40vh; // 50vw * 40vh 로 설정됩니다. canvas.width = innerWidth; canvas.height = innerHeight; // 화면 크기에 맞춰서 설정해줄 수도 있습니다. 3. 캔버스에 그래픽 작업을 할 수 있는 속성..
FE/JS 2022. 2. 24. 09:39
이전 Prev 1 Next 다음