未捕获的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第二次触发，但是这次没有源。 菜鸟的错误。