1

OK、行き詰まっています。キャンバスに画像を挿入しようとしていますが、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");
    // ...
4

1 に答える 1

0

私は問題が何であるかを理解しました。ソースを設定して画像を読み込んだ後、変数をクリアしていました

letterBase.src = ""

これにより、onload が 2 回目に発生しましたが、今回はソースがありませんでした。ノブの間違い。

于 2012-05-26T00:16:32.937 に答える