javascript - code - strong color html

HTML5 Canvas replace to<div>

Question

Estoy intentando reemplazar HTML5 Canvas por simple <div> Pero no sé cómo reemplazar esta línea:

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

Tal vez alguien tenga idea de cómo reemplazar esto en <div> ?

ejemplo: http://jsfiddle.net/HDpMW/5/ (este código de glacialflame.com)

Answer 1

Utilice los elementos <img> y añádalos dinámicamente así: 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);