[JavaScript] 자바스크립트에서 캔버스에 이미지 붙여넣기

205_자바스크립트에서 캔버스에 이미지 붙여넣기 [적용] 외부의 이미지를 캔버스에 표시하고 싶을 때 [문법] 속성 의미 타입 context.drawImage(image, x, y) 캔버스 요소에 이미지 그리기 없음 [내용] Image 객체와 drawImage()를 사용해 캔버스 요소에 이미지를 표시한다. Image 객체의 로딩이 완료되지 않으면 캔버스에 이미지를 그릴 수 없으므로 onload를 사용해 미리 로딩 작업을 처리한다. drawImage()의 두 번째와 세 번째 인수는 좌표 위치를 전달한다. HTML index.html JavaScript main.js // 캔버스 요소 참조 const canvas = document.querySelector('#my-canvas'); // 콘텍스트 가져오기 c..

2022.07.27