canvas

🚗 canvas

• Canvas API는 JavaScript와 HTML <canvas> 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공한다.
• 애니메이션, 게임 그래픽, 데이터 시각화, 사진 조작 및 실시간 비디오 처리를 위해 사용된다.
• Canvas API는 주로 2D 그래픽에 중점을 두고 있다

👉html

<canvas id="canvas" width="150" height="150"></canvas>

<!--
<canvas> 요소에는 width와 height의 두 속성만 있다. 
이것들은 모두 선택사항이며 DOM 프로퍼티를 사용하여 설정할 수도 있다.
-->

👉js

let canvas = document.getElementById('canvas');
let ctx = canvas.getContext('2d');

//  <canvas> 요소는 getContext() 메서드를 이용해서 그리기 함수들을 사용할 수 있다