未捕获的TypeError:使用onload时输入错误

时间:2012-05-25 21:55:42

标签: javascript canvas onload

好的,我被卡住了。我正在尝试将图像插入到画布中,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)加载到控制台中的,但我真的不知道这里出了什么问题。有什么想法吗?

enter image description here

编辑:我不认为这是问题所在,但我有代码设置上下文如下:

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

1 个答案:

答案 0 :(得分:0)

我弄清楚问题是什么。设置源并加载图像后,我正在清除变量

letterBase.src = ""

导致onload第二次触发,但这次没有源。 Noob错误。