HTML5 그래픽 처리 썸네일형 리스트형 [그래픽 처리] 다각형 렌더링 [그래픽 처리] 다각형 렌더링 삼각형 렌더링 삼각형을 그리는 순서는 다음과 같습니다. 1. 캔버스의 렌더링 컨텍스트를 얻습니다. 2. beginPath() 메서드로 패스를 초기화 합니다. 3. moveTo(), lineTo() 메서드로 좌표를 지정합니다. 4. closePath() 메서드로 패스 지정을 종료합니다. 5. fill() 메서드로 삼각형을 렌더링합니다. moveTo() 메서드로 좌표의 시작점을 지정한 후, lineTo() 메서드로 선을 긋습니다. closePath()는 생략가능합니다. 터치한 곳에 직삼각형 그리기 예제를 통해 설명해 드리겠습니다. 캔버스에 onmousedown 이벤트를 설정해주어야 이벤트가 발생해 마우스로 터치한 부분에 삼각형이 렌더링 되겠죠. event 인수의 x와 y에 터치.. 더보기 이전 1 다음
