Canvas tutorial #1
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.1.에 작성된 글입니다. ※ 이 글은 해당사이트를 번역한 것입니다. HTML5 캔버스 요소는 Javascript를 통해 렌더링 된다는 점을 제외 하면, 나 , 과 유사한 HTML태그 이다. HTML5 Canva를 활용하기 위해선 HTML태그 내부 어딘가에 를 배치해두고, Javascript로 에 접근하여 컨텍스트를 만든 다음 HTML5CanvasAPI를 사용하여 시각화를 그려야 한다. Canvas의 구성 요소와 캔버스 환경의 차이점을 이해하는 것이 중요하다. 캔버스 요소는 HTML페이지에 포함된 실제 DOM노드다. Canvas 컨텍스트는 Canvas 요소 내에서 그래픽을 렌더링 하는 데 사용할 수 있는 특성 및 방법이 포함된 개체 입니다. Co..