drawImage（）不起作用

Question

我正在使用HTML，CSS和JavaScript與PhoneGap爲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鏈接，它工作正常。有什麼想法嗎？謝謝。

Answer 1

你的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";