javascript - インベントリからアイテムを表示する方法

Question

このようなものを機能させるにはどうすればよいですか？プログラミングは初めてで、インベントリを表示する方法がわかりません。

このエラーの取得: Uncaught TypeError: Cannot read property 'img' of undefined image.(anonymous function).onload

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

var image = {};

function loadImage(name) {
    image[name] = new Image();
    image[name].onload = function () {
        //resourceLoaded();
    };
    image[name].src = "images/" + name;
}

var items = {
    knife: {
        name: "Knife",
        img: "knife.png"

    },
    sword: {
        name: "Sword",
        img: "sword.png"
    }
};

var inventory = []; //empty inventory

inventory.push(items.knife); //pickup a knife

for (var i = 0, len = inventory.length; i < len; i++) {
    loadImage(inventory[i].img);
    image[inventory[i].img].onload = function() {
            ctx.drawImage(image[inventory[i].img], 0, 0);
    }
}

多くのことを試していますが、これよりも優れたものを理解することはできません:(私はプログラミングが初めてなので