[canvas] 캔버스 기초 canvas foundation (원그리기, 사각형그리기)
캔버스 구조 width와 height를 나타내는 속성을 가지고 있으며, 함수로는 toDataURL, toBlob, getContext 함수를 가지고 있다. 여기서 가장 기본적으로 사용해야하는 것은 바로 getContext 함수로 자바스크립트에서 canvas의 context를 가져와서 그 context에 그림을 그리게 되는 것이다. 먼저 html태그에서 canvas태그를 넣어보자. 그래픽을 렌더링하기 위해서는 JavaScript로 참조 할 수 있게 아래의 소스를 넣어줘야 합니다. var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); 엘리먼트에 대한 참조를 canvas 변수에 저장하였습니다. 그러고 나서는 캔버..
