Javascript drawImage()不是';行不通

Javascript drawImage()不是';行不通,javascript,canvas,drawimage,Javascript,Canvas,Drawimage,我正在为iPhone和Android制作一个应用程序,使用HTML、CSS和带有PhoneGap的JavaScript。我正在使用HTML5画布。我的ctx.drawImage();函数不起作用,我不知道为什么。这是我的密码 var imageReady = false; var image = new Image(); image.onload = function () { imageReady = true; }; image.src = "http://urlToImage.co

我正在为iPhone和Android制作一个应用程序,使用HTML、CSS和带有PhoneGap的JavaScript。我正在使用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链接,它成功了。有什么想法吗?谢谢。

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

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

令人惊叹的!我真不敢相信我竟然如此愚蠢,竟然没有意识到这一点。谢谢你的帮助!令人惊叹的!我真不敢相信我竟然如此愚蠢,竟然没有意识到这一点。谢谢你的帮助!