javascript - 未捕获的类型错误 : Type error when using onload

Question

好吧，我被困住了。我正在尝试将图像插入 Canvas ，但 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 第二次触发，但这次没有源。菜鸟错误。