html5 이미지 썸네일형 리스트형 [그래픽 처리] 그림 파일 렌더링/drawImage() [그래픽 처리] 그림 파일 렌더링/drawImage() 캔버스는 JPEG나 PNG와 같은 그림 파일을 읽어 들여 랜더링하는 기능 및 크기 변경, 잘라내기 등 세세한 조작을 할 수 있습니다. 1) 그림 파일 읽어 들이기 그림 파일을 밁어 들이려면 우선 이미지 객체를 작성하고 이미지 객체의 src 속성에 URL을 지정하면 됩니다. 읽어 들이기 후 onload 이벤트가 발생합니다. var image = new Image(); image.src = "그림파일의 URL" image.onload = function(){/* 그림 파일을 읽어 들였을 때 실행할 처리 */}; 2) 캔버스에 그림 파일 렌더링 drawImage() 메서드를 이용해 그림 파일을 포함하고 있는 이미지 객체를 캔버스 위에 렌더링합니다. (1).. 더보기 이전 1 다음
