未捕獲的TypeError：使用onload時出現類型錯誤

Question

好吧，我被困住了。 我正在嘗試將圖像插入畫布，Chrome一直給我Uncaught TypeError：onload方法的輸入錯誤。 這是我的JavaScript：

letterBase = new Image();
letterBase.onload = function() {
    context.drawImage(letterBase, 0, 0);
    console.log("drawing image");
  };
  letterBase.src = "/assets/letter/" + Character.letter + ".png";
  console.log(letterBase);

這很奇怪，因為我可以看到圖像是從console.log（letterBase）加載到控制台中的，但是我真的看不到這里出了什么問題。 有任何想法嗎？

編輯：我不認為這是問題所在，但是我有如下代碼設置上下文：

$(document).ready(function() {
    // some other init functions...
    canvas = document.getElementById("characterCanvas");
    context = canvas.getContext("2d");
    // ...

Answer 1

我發現了問題所在。 設置源並加載圖像后，我正在清除變量

letterBase.src = ""

這導致onload第二次觸發，但是這次沒有源。 菜鳥的錯誤。