Используя драйвер MailGun от Laravel, как вы (изящно) отправляете пользовательские данные и теги вместе со своей электронной почтой?

Это потому, что загрузка изображений является асинхронной. Вызов предупреждения помогает браузеру подождать немного, чтобы загрузка изображения могла завершиться. Поэтому изображение будет доступно в drawImage, которое следует далее.

Правильный способ реализовать это - использовать код таким образом:

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var image = new Image(); //document.createElement('img'); for Chrome due to issue

// add a onload handler that gets called when image is ready
image.onload = function () {
    context.drawImage(this, 0, 0, 300, 400);
}

// set source last so onload gets properly initialized
image.src = 'http://4.bp.blogspot.com/...-21+Kingfisher.JPG';

Операция рисования внутри обратного вызова для onload так же легко мог быть вызов функции:

image.onload = nextStep;
// ...

function nextStep() {
    /// draw image and other things...
}