web-dev-qa-db-ja.com

JavaScriptは「drawImage」の実行に失敗しました

わかりましたので、JavaScript Canvas Elementsなどを使用してゲームを作成しています。 TONSの画像を読み込むことができましたが、一部のJavaScriptでは、JavaScriptが次のようなエラーを返します

不明なTypeError: 'CanvasRenderingContext2D'で 'drawImage'を実行できませんでした:提供された署名に一致する関数が見つかりませんでした。

同じコードが他の場所でも機能するため、これはまったく意味がありません!?!

コードにある例を次に示します。

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

オブジェクトメソッドの内部、それぞれPlayer.die()

誰がこの行動が起こっているのか知っていますか?私は非常にイライラしています...

すべてのコードのほかに、 JSFiddle を示します。 Player.die()は_line[242]_にあります。

26
tanishalfelven

問題は、画像を読み込む方法でした。

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

しかし代わりに、documentページからidで要素を取得しました。

リソース:

画像の読み込みに関する説明

htmlによる画像の読み込み方法の説明

37
tanishalfelven

すべての要素のロードを待つ必要があるため、次のようにします。

window.onload=function(){
       board.drawImage(document.getElementById("player_explode"), this.x, this.y);
}
4
DODD