JavaScript 执行失败 'drawImage'

Question

好的，我正在使用 JavaScript Canvas 元素等创建一个游戏。我已经能够加载大量图像，但在选定的少数图像上，JavaScript 会回复错误，例如

Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': No function was found that matched the signature provided.

这根本没有意义，因为相同的代码在其他地方也可以工作!？!

这是我的代码中的一个示例:

board.drawImage(document.getElementById("player_explode"), this.x, this.y);

分别位于对象方法 Player.die() 内部。

有谁知道为什么会出现这种行为？我对此感到非常沮丧......

这是一个JSFiddle与所有代码一起进行演示。Player.die() 位于行[242]。

Answer 1

问题是我加载图像的方式，我应该这样做:

var image = new Image();
image.src = "imagesource.jpg";

但是我是通过 id 从 document 页面获取元素。

资源:

Explanation on loading images

Explanation on how html loads images