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);