JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="500" height="500" id="canvas"></canvas>

JavaScript

var i=0;
var imgObj1 =  new Image();
imgObj1.src = "http://k.yimg.jp/images/top/sp/logo.gif";
imgObj1.onload = function(){
    i++;
}
var imgObj2 =  new Image();
imgObj2.src = "http://cdn.www.st-hatena.com/images/logo_portal_hatena.gif";
imgObj2.onload = function(){
    i++;
}
var imgObj3 =  new Image();
imgObj3.src = "http://www.nttdocomo.co.jp/images/header/logo.gif";
imgObj3.onload = function(){
    i++;
}
setTimeout(function(){
    if(i==3){
        //canvasの描画
        var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');
        ctx.drawImage(imgObj1, 100, 100);
        ctx.drawImage(imgObj2, 300, 100);
        ctx.drawImage(imgObj3, 400, 100);
    }else{
        setTimeout(arguments.callee, 100);
    }
},1)();