Canvas tutorial #7 (Images)
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.5.에 작성된 글입니다. ※ 이 글은 해당사이트를 번역한 것입니다. Draw Image HTML5Canvas에서 이미지를 그리려면 이미지 객체와 대상 지점을 필요로 하는 drawImage( )를 사용할 수 있다. 대상 지점(destination point)은 캔버스 왼쪽 위 모서리를 기준으로 canvas의 왼쪽 위 모서리를 정의한다. drawImage( )는 이미지 객체가 필요하므로 먼저 이미지를 생성한 후 로드될 때까지 기다려야 한다. 이미지 객체의 onload속성을 사용하여 이 작업을 수행할 수 있습니다. context.drawImage(imageObj, X, Y); ex) 예시 코드 const canvas = document.getElementByI..