HTML5 Canvas заменяет на <div>

Question

Я пытаюсь заменить HTML5 Canvas на простой <div>Но я не знаю, как заменить эту строку:

ctx.drawImage(tileImg[drawTile],xpos,ypos);

Может быть, у кого-нибудь есть идея, как заменить это на <div>?

пример: http://jsfiddle.net/HDpMW/5/ (этот код из glacialflame.com)

Answer 1

Использование <img> элементы, и добавлять их динамически, как это: http://jsfiddle.net/HDpMW/6/

var elem = document.createElement('img');
elem.src = tileDict[drawTile];
elem.style.position = 'absolute';
elem.style.left = xpos + 'px';
elem.style.top = ypos + 'px';
ctx.appendChild(elem);