canvas drawImage() 画像が表示されない

以下のように画面に画像を表示させたいが、うまく行かなかった。

drawFrame();
   
    function drawFrame() {
      var img = new Image();
      img.src = "./frame.jpg";
      ctx.drawImage(img, 0, 0);
    }

原因は、画像をload完了しないまま、drawImageが実行してしまった。
onloadを追加してあげると、解決できた。

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