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