[JavaScript] Image 객체

Image 객체는 해당 이미지에 대한 정보를 담고 있다.

• 객체 생성 및 이미지 경로 지정

  const image = new Image();	
  // image 객체 생성

  image.src = '../IMAGE_PATH'	
  // image 경로 설정

• property
  image.border : 테두리 값
  image.complete : 이미지의 load가 완료되었는지 여부(boolean)
  image.width : 이미지 width(px)
  image.height : 이미지 height(px)
  image.src : 이미지 경로

• Event handler
  onAbort : 이미지 로딩이 중간에 멈춰진 경우
  onError : 이미지 로딩 중 오류가 발생한 경우
  onLoad : 이미지 로딩이 완료된 경우

📌 참조

• https://velog.io/@lllen/Image-%EA%B0%9D%EC%B2%B4