0

PhoneGap で HTML、CSS、JavaScript を使って iPhone と Android 向けのアプリを作っています。HTML5キャンバスを使用しています。私の ctx. drawImage(); 関数が機能していません。理由がわかりません。これが私のコードです。

var imageReady = false;
var image = new Image();
image.onload = function () {
    imageReady = true;
};
image.src = "http://urlToImage.com";
ctx.drawImage(image, 0, 0, 300, 180);

src リンクを確認したところ、機能しました。何かご意見は？ありがとう。

4

1 に答える 1

6

呼び出しは、非同期drawImageコールバック (画像が読み込まれたときに実行される) 内にある必要があります。現在、画像がロードされる前に呼び出されています。

var imageReady = false;
var image = new Image();
image.onload = function () {
    imageReady = true;
    ctx.drawImage(image, 0, 0, 300, 180);
};
image.src = "http://urlToImage.com";
于 2013-04-10T01:42:13.357 に答える