canvas.drawimage

Question

context.drawImage(barimg, 0, 0); context.drawImage(qrimg, barimg.width &#43; 10, 0);이미지 두개를 옆으로 이어 붙이려고 하는데첫번쨰 이미지 barimg는 한번에 안그려지고barimg.width 의 값도 0으로 나옵니다. 두번 정도 함수를 다시 반복 하니까 그려집니다.두번째 이미지인 qrimg는 바로 그려지는데 barimg는 왜 바로 안 그려지는걸까요???

컴포지트 · Accepted Answer

barimg, qrimg 정보가 필요합니다. 혹시 <img> 태그에서 불러오는 건가요?어쨌든, 이러나 저러나, 이미지는 불러오는 시간이 필요합니다. 개발자 입장에서는 눈깜짝할사이라고 하지만 이벤트 루프틑 그보다 늦게 들어올 겁니다.따라서, 만약 img 기준이라면, img의 onload 이벤트를 통해 drawimage 메소드를 호출하는게 좋겠죠. 이미지가 불러와져야 넣을 수 있으니까요.img 뿐만 아니라 가져올 리소스들 다 마찬가지입니다. 이 점을 체크하고 대응하시길.

canvas.drawimage

1개의 답변

Q&A 목록