<canvas>
canvas API는 JavaScript와 HTML canvas 엘리먼트르 통해<br>
그래픽을 그리기위한 수단을 제공합니다. 무엇보다도 애니메이션, 게임 그래픽,<br>
데이터 시각화, 사진 조작 및 실시간 비디오 처리르 위해 사용됩니다.
출처 : https://developer.mozilla.org/ko/docs/Web/API/Canvas_API
</canvas>
canvas 태그는 대 텍스트가 대체되는 방식이기 때문에 <bR>
<img> 태그와느 다르게 닫는 태그 </canvas>를 이용하여 <br>
태그를 항상 닫아줘야 한다.
JavaScript?
JavaScript는 객체 기반의 스크립트 언어입니다. <br>
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, <br>
JavaScript로는 웹의 동작을 구현할 수 있습니다.
JavaScript는 주로 웹 브라우저에서 사용되지만, Node.js와 같은 <br>
프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
출처 : https://yjshin.tistory.com/entry/HTML5-7-HTML과-자바스크립트
WebGl?
WebGl은 웹상에서 2D 및 3D 그래픽으 렌더링하기 위한 로우 레벨 JavaScript API입니다. <br>
openGL ES 2.0을 기반으로 브라우저 엔진에 내장된 HTML5 Canvas 요소 위에 그려집니다. <br>
> WebGL의 장점
로열티 없이 누구나 사용 가능하다.
렌더링 가속화를 지원하는 그래픽 하드웨어(그래픽카드 등)을 활용한다.