document.getElementById() 썸네일형 리스트형 [그래픽 처리] 캔버스의 기초/렌더링 컨텍스트 [그래픽 처리] 캔버스의 기초 HTML5의 신기능인 캔버스를 사용하면 도형을 그릴수 있습니다. HTML에 태그를 추가하고 캔버스 내에 도형을 렌더링하면 캔버스를 사용할 수 있습니다. 도형을 그리는 순서를 소개하겠습니다. 1. 캔버스 객체를 얻습니다. 자바스크립트에서 태그와 그 기능을 참조하기 위해 태그에 ID를 부여해 둡니다. document.getElementById() 메서드를 호출해 태그에 해당하는 캔버스 객체를 얻고 인수를 지정합니다. 2. 캔버스 객체로부터 렌더링 컨텍스트(Rendering Context)를 얻습니다. 렌더링 컨텍스트는 종이에 그림을 그리기 위한 색연필과 같습니다. 다음과 같이 캔버스 객체로부터 렌더링 컨텍스트를 얻어 변수 ctx에 저장합니다. 컨텍스트 종류에 따라 그림의 형태가.. 더보기 이전 1 다음
