canvas에서 drawImage 간헐적으로 안될 때

input으로 불러온 img를 canvas에 보여주려고 했는데 간헐적으로 이미지가 안나타나더라... 도대체 안될꺼면 아예 안되던가 되다 말다 하는건 또 뭐야라고 했는데 방법이 있었다.

 

 

1. onload로 체크

const img = new Image();
img.src = "어쩌고저쩌고";

img.onload = function() {
  ctx.drawImage(img, 10, 20, 0, 10)
}

체크하라굿