javascript - drawImage()无法正常工作

我正在使用带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链接，它正常工作。有什么想法吗？谢谢。

最佳答案

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

关于javascript - drawImage()无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15915488/