JSFiddle - React, Tailwind, and code Playground

by Bhumika107

HTML

<canvas id="gameCanvas"></canvas>

JavaScript

var canvas = document.getElementById('gameCanvas');
    var ctx = canvas.getContext('2d');

    var images = [];

    function loadImages(imageFiles) {
        var loadedImages = [];

        for(var i = 0; i < imageFiles.length; i++) {
            var image = new Image();

            image.onload = function() {
                alert("Loaded");
            }

            image.src = imageFiles[i];
            loadedImages[i] = image;
        }

        return loadedImages;
    }

    function init() {
        images = loadImages(['https://welego.org/public/files/2015/06/jquery.png', 'img/2.png']);

        main();
    }

    function main() {  
        ctx.drawImage(images[1], 0,0);  
    }

    init();