drawImage() не работает

Question

Я делаю приложение для iPhone и Android с помощью HTML, CSS и JavaScript с помощью PhoneGap. Я использую холст 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";