drawImage()不起作用

Question

我正在使用带有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链接并且它有效.有什么想法吗？谢谢.

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