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